{"id":1515,"date":"2026-07-10T19:10:27","date_gmt":"2026-07-10T10:10:27","guid":{"rendered":"https:\/\/keisei.shop\/apps\/note\/?page_id=1515"},"modified":"2026-07-10T19:54:38","modified_gmt":"2026-07-10T10:54:38","slug":"keisei","status":"publish","type":"page","link":"https:\/\/keisei.shop\/apps\/note\/keisei\/","title":{"rendered":"\u6075\u8056\u4f1a\u30aa\u30ea\u30b8\u30ca\u30eb\u30b3\u30b9\u30e1\u30d6\u30e9\u30f3\u30c9\u300cKEISEI\u300d"},"content":{"rendered":"<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&#038;family=DM+Sans:wght@200;300;400&#038;family=Noto+Sans+JP:wght@200;300;400&#038;family=Noto+Serif+JP:wght@200;300&#038;display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n\r\n<section class=\"hero\">\r\n    <div class=\"video-bg\">\r\n        <iframe\r\n    loading=\"lazy\"\r\n    src=\"https:\/\/player.vimeo.com\/video\/1208736329?background=1\"\r\n    allow=\"autoplay; fullscreen\"\r\n    frameborder=\"0\">\r\n        <\/iframe>\r\n    <\/div>\r\n\r\n\r\n  <div class=\"hero-copy\">\r\n    <div class=\"hero-eyebrow\">\r\n      <span class=\"u-rule\"><\/span>\r\n      <span class=\"u-tag\">Clinic Original Skincare<\/span>\r\n    <\/div>\r\n    <h1 class=\"hero-h1\">\r\n      \u751f\u6daf\u3001<i>\u808c\u3092<br>\u80b2\u3066\u308b\u3002<\/i>\r\n    <\/h1>\r\n    <p class=\"hero-lead\">\r\n      27\u5e74\u306e\u7f8e\u5bb9\u533b\u7642\u306e\u77e5\u898b\u304b\u3089\u751f\u307e\u308c\u305f<br>\r\n      &#8220;\u7d9a\u3051\u308b\u307b\u3069\u306b\u808c\u304c\u5fdc\u3048\u308b&#8221;<br>\r\n      \u30af\u30ea\u30cb\u30c3\u30af\u767a\u30b9\u30ad\u30f3\u30b1\u30a2\u8a95\u751f\u3002\r\n    <\/p>\r\n  <\/div>\r\n\r\n<a href=\"#philosophy-id\" class=\"cp_arrows\">\r\n  <div class=\"cp_arrow\"><\/div>\r\n  <div class=\"cp_arrow\"><\/div>\r\n<\/a>\r\n\r\n    <div class=\"hero-big-num\">27<\/div>\r\n<\/section>\r\n\r\n<section class=\"philosophy\" id=\"philosophy-id\">\r\n  <div>\r\n    <div class=\"vert-label r on\">Philosophy<\/div>\r\n    <h2 class=\"phil-h2 r\">\r\n      \u7d9a\u3051\u308b\u307b\u3069\u306b\u3001<i>\u808c\u306f\u5fdc\u3048\u308b\u3002<\/i><br>\r\n      \u808c\u306b\u3001<i>\u672c\u5f53\u306b\u5fc5\u8981\u306a\u3053\u3068\u3092\u3002<\/i>\r\n    <\/h2>\r\n    <p class=\"phil-body r d1\">\r\n      \u808c\u3092\u3001\u4e00\u6642\u7684\u306b\u6574\u3048\u308b\u3060\u3051\u3067\u306f\u306a\u304f\u3001\u5e74\u9f62\u3084\u74b0\u5883\u306b\u3088\u3063\u3066\u5909\u5316\u3059\u308b\u808c\u306b\u5411\u304d\u5408\u3044\u3001\u6839\u672c\u304b\u3089\u6574\u3048\u3001\u80b2\u3066\u3066\u3044\u304f\u3002<br>\r\n      KEISEI\u306f\u300127\u5e74\u306e\u7f8e\u5bb9\u533b\u7642\u306e\u77e5\u898b\u304b\u3089\u751f\u307e\u308c\u305f\u3001\u30af\u30ea\u30cb\u30c3\u30af\u767a\u30b9\u30ad\u30f3\u30b1\u30a2\u3067\u3059\u3002<br>\r\n      <br>\r\n      \u6bce\u65e5\u306e\u7a4d\u307f\u91cd\u306d\u304c\u3001\u672a\u6765\u306e\u808c\u3092\u3064\u304f\u308b\u3002<br>\r\n      <br>\r\n      \u808c\u304c\u5fdc\u3048\u3066\u3044\u304f\u3001\u305d\u306e\u5b9f\u611f\u3092\u3002<br>\r\n      \u6bce\u65e5\u306e\u30b9\u30ad\u30f3\u30b1\u30a2\u3078\u3002\r\n    <\/p>\r\n    \r\n    <h3 class=\"r d1\">\u6d41\u884c\u306b\u6d41\u3055\u308c\u306a\u3044\u3002<\/h3>\r\n    <p class=\"phil-body r d1\">\u4e00\u6642\u7684\u306a\u30c8\u30ec\u30f3\u30c9\u3067\u306f\u306a\u304f\u3001\u808c\u306b\u672c\u5f53\u306b\u5fc5\u8981\u306a\u3082\u306e\u3092\u898b\u6975\u3081\u308b\u3053\u3068\u3002<\/p>\r\n\r\n    <h3 class=\"r d1\">\u5e74\u9f62\u306b\u3082\u7e1b\u3089\u308c\u306a\u3044\u3002<\/h3>\r\n    <p class=\"phil-body r d1\">\u5e74\u9f62\u3067\u8ae6\u3081\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u4eca\u306e\u808c\u306b\u5408\u3063\u305f\u30b1\u30a2\u3092\u7a4d\u307f\u91cd\u306d\u308b\u3053\u3068\u3002<\/p>\r\n\r\n    <h3 class=\"r d1\">\u6bce\u65e5\u7d9a\u3051\u3089\u308c\u308b\u3053\u3068\u3002<\/h3>\r\n    <p class=\"phil-body r d1\">\r\n    \u5fc3\u5730\u3088\u3055\u3082\u3001\u4f7f\u7528\u611f\u3082\u3001\u9999\u308a\u3082\u3002<br>\r\n    \u6bce\u65e5\u4f7f\u3044\u305f\u304f\u306a\u308b\u3053\u3068\u3092\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002\r\n    <\/p>\r\n    <div class=\"stats-row\">\r\n      <div class=\"stat r d1\">\r\n        <div class=\"stat-num\">27<span class=\"unit\">\u5e74<\/span><\/div>\r\n        <div class=\"stat-lbl\">\u7f8e\u5bb9\u533b\u7642\u306e\u77e5\u898b<\/div>\r\n      <\/div>\r\n      <div class=\"stat r d2\">\r\n        <div class=\"stat-num\">3<span class=\"unit\">\u7a2e<\/span><\/div>\r\n        <div class=\"stat-lbl\">\u53b3\u9078\u30e9\u30a4\u30f3<\/div>\r\n      <\/div>\r\n      <!--<div class=\"stat r d3\">\r\n        <div class=\"stat-num\">150<span class=\"unit\">+<\/span><\/div>\r\n        <div class=\"stat-lbl\">\u6210\u9577\u56e0\u5b50\uff08\u30b9\u30c6\u30e0\u30bb\u30eb\uff09<\/div>\r\n      <\/div>-->\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- TIMELINE -->\r\n<section class=\"timeline-section\">\r\n  <div class=\"tl-header\">\r\n    <div>\r\n      <div class=\"vert-label r on\">Skin Age Timeline<\/div>\r\n      <h2 class=\"phil-h2 r on\" style=\"color: #fff;\">\r\n        \u5e74\u9f62\u306f\u3001\u808c\u60a9\u307f\u3092<br><i>\u9003\u3055\u306a\u3044\u3002<\/i>\r\n      <\/h2>\r\n    <\/div>\r\n    <p class=\"tl-sub r\">\r\n      10\u4ee3\u304b\u308960\u4ee3\u4ee5\u4e0a\u307e\u3067\u3001<br>\r\n      \u305d\u308c\u305e\u308c\u306e\u5e74\u4ee3\u306b\u5bc4\u308a\u6dfb\u3046<br>\r\n      \u30b9\u30ad\u30f3\u30b1\u30a2\u306e\u7b54\u3048\u304c\u3042\u308a\u307e\u3059\u3002\r\n    <\/p>\r\n  <\/div>\r\n  <div class=\"tl-rail\">\r\n    <div class=\"tl-items\">\r\n\r\n      <div class=\"tl-item r\">\r\n        <div class=\"tl-age\">10<span class=\"dai\">\u4ee3<\/span><\/div>\r\n        <div class=\"tl-title\">\u808c\u306e\u571f\u53f0\u3065\u304f\u308a<\/div>\r\n        <ul class=\"tl-list\">\r\n          <li>\u76ae\u8102\u5206\u6ccc\u306e\u904e\u591a\u30fb\u30c6\u30ab\u30ea<\/li>\r\n          <li>\u30cb\u30ad\u30d3\u30fb\u6bdb\u7a74\u306e\u9ed2\u305a\u307f<\/li>\r\n          <li>\u808c\u306e\u30b6\u30e9\u3064\u304d\u30fb\u30ad\u30e1\u306e\u4e71\u308c<\/li>\r\n          <li>\u7d2b\u5916\u7dda\u30c0\u30e1\u30fc\u30b8\u306e\u84c4\u7a4d\u958b\u59cb<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"tl-item r d1\">\r\n        <div class=\"tl-age\">20<span class=\"dai\">\u4ee3<\/span><\/div>\r\n        <div class=\"tl-title\">\u900f\u660e\u611f\u30fb\u304f\u3059\u307f<\/div>\r\n        <ul class=\"tl-list\">\r\n          <li>\u304f\u3059\u307f\u30fb\u6bdb\u7a74\u306e\u76ee\u7acb\u3061<\/li>\r\n          <li>\u751f\u6d3b\u7fd2\u6163\u306b\u3088\u308b\u4e7e\u71e5<\/li>\r\n          <li>\u5316\u7ca7\u5d29\u308c\u30fb\u76ae\u8102\u30d0\u30e9\u30f3\u30b9\u4e71\u308c<\/li>\r\n          <li>\u521d\u671f\u306e\u8272\u30e0\u30e9\u30fb\u30b7\u30df\u306e\u4e88\u5146<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"tl-item r d2\">\r\n        <div class=\"tl-age\">30<span class=\"dai\">\u4ee3<\/span><\/div>\r\n        <div class=\"tl-title\">\u30bf\u30fc\u30f3\u30aa\u30fc\u30d0\u30fc\u306e\u4e71\u308c<\/div>\r\n        <ul class=\"tl-list\">\r\n          <li>\u30b7\u30df\u30fb\u305d\u3070\u304b\u3059\u306e\u5b9a\u7740<\/li>\r\n          <li>\u76ee\u5143\u30fb\u53e3\u5143\u306e\u5c0f\u3058\u308f<\/li>\r\n          <li>\u30cf\u30ea\u306e\u4f4e\u4e0b\u30fb\u4e7e\u71e5\u5c0f\u3058\u308f<\/li>\r\n          <li>\u6bdb\u7a74\u306e\u958b\u304d\u30fb\u305f\u308b\u307f\u6bdb\u7a74<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"tl-item r d3\">\r\n        <div class=\"tl-age\">40<span class=\"dai\">\u4ee3<\/span><\/div>\r\n        <div class=\"tl-title\">\u30cf\u30ea\u30fb\u5f3e\u529b\u306e\u4f4e\u4e0b<\/div>\r\n        <ul class=\"tl-list\">\r\n          <li>\u76ee\u7acb\u3064\u30b7\u30df\u30fb\u8272\u7d20\u6c88\u7740<\/li>\r\n          <li>\u307b\u3046\u308c\u3044\u7dda\u30fb\u30d5\u30a7\u30a4\u30b9\u30e9\u30a4\u30f3\u305f\u308b\u307f<\/li>\r\n          <li>\u4e7e\u71e5\u306e\u6df1\u523b\u5316\u30fb\u3054\u308f\u3064\u304d<\/li>\r\n          <li>\u304f\u3059\u307f\u30fb\u9854\u8272\u306e\u60aa\u3055<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"tl-item r d4\">\r\n        <div class=\"tl-age\">50<span class=\"dai\">\u4ee3<\/span><\/div>\r\n        <div class=\"tl-title\">\u30a8\u30a4\u30b8\u30f3\u30b0\u30b1\u30a2\u672c\u683c\u5316<\/div>\r\n        <ul class=\"tl-list\">\r\n          <li>\u6df1\u3044\u30b7\u30ef\u30fb\u305f\u308b\u307f\u306e\u5b9a\u7740<\/li>\r\n          <li>\u30d0\u30ea\u30a2\u6a5f\u80fd\u306e\u4f4e\u4e0b\u30fb\u654f\u611f\u5316<\/li>\r\n          <li>\u6df1\u523b\u306a\u4e7e\u71e5\u30fb\u7c89\u5439\u304d<\/li>\r\n          <li>\u808c\u306e\u8584\u3055\u30fb\u304f\u3059\u307f\u306e\u6162\u6027\u5316<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"tl-item r d5\">\r\n        <div class=\"tl-age\">60<span class=\"dai\">\u4ee3\u4ee5\u4e0a<\/span><\/div>\r\n        <div class=\"tl-title\">\u808c\u529b\u306e\u5e95\u4e0a\u3052<\/div>\r\n        <ul class=\"tl-list\">\r\n          <li>\u30b3\u30e9\u30fc\u30b2\u30f3\u30fb\u30a8\u30e9\u30b9\u30c1\u30f3\u306e\u6fc0\u6e1b<\/li>\r\n          <li>\u6df1\u3044\u305f\u308b\u307f\u30fb\u91cd\u529b\u3078\u306e\u62b5\u6297<\/li>\r\n          <li>\u89d2\u5c64\u306e\u83f2\u8584\u5316\u30fb\u4e7e\u71e5<\/li>\r\n          <li>\u30cf\u30ea\u30fb\u5bc6\u5ea6\u611f\u306e\u55aa\u5931<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- GALLERY -->\r\n<section class=\"gallery-section\">\r\n  <div class=\"gallery-header\">\r\n    <div>\r\n      <div class=\"vert-label r on\">Visual Gallery<\/div>\r\n      <h2 class=\"gallery-h2 r on\">\r\n        \u6bce\u65e5\u7d9a\u3051\u305f\u304f\u306a\u308b\u5fc3\u5730\u3088\u3055\u3002\r\n      <\/h2>\r\n    <\/div>\r\n    <p class=\"gallery-note r d1\">\r\n      \u6bce\u65e5\u306e\u30b9\u30ad\u30f3\u30b1\u30a2\u3092\u3001\u5fc3\u5730\u3088\u3044\u6642\u9593\u3078\u3002<br>\r\n      \u30d9\u30eb\u30ac\u30e2\u30c3\u30c8\u3068\u67da\u5b50\u304c\u3084\u3055\u3057\u304f\u9999\u308b\u3001\u723d\u3084\u304b\u306a\u67d1\u6a58\u7cfb\u306e\u9999\u308a\u3002<br>\r\n      \u808c\u3078\u306e\u3084\u3055\u3057\u3055\u3092\u8003\u3048\u305f\u51e6\u65b9\u8a2d\u8a08\u3068\u3001\u6bce\u65e5\u7d9a\u3051\u305f\u304f\u306a\u308b\u4f7f\u7528\u611f\u306b\u3053\u3060\u308f\u308a\u307e\u3057\u305f\u3002\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"gallery-grid r\">\r\n\r\n    <div class=\"g-cell g-cell--a\">\r\n      <img decoding=\"async\" src=\"\/apps\/note\/wp-content\/uploads\/visual-gallery01.jpg\" alt=\"KEISEI 01\">\r\n      <span class=\"g-index\">01<\/span>\r\n      <span class=\"g-label\">VC Lotion <span class=\"ilb\">\u2014 \u6574\u3048\u308b<\/span><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"g-cell g-cell--b\">\r\n      <img decoding=\"async\" src=\"\/apps\/note\/wp-content\/uploads\/visual-gallery02.jpg\" alt=\"KEISEI 02\">\r\n      <span class=\"g-index\">02<\/span>\r\n      <span class=\"g-label\">Retinol Serum  <span class=\"ilb\">\u2014 \u80b2\u3066\u308b<\/span><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"g-cell g-cell--c\">\r\n      <img decoding=\"async\" src=\"\/apps\/note\/wp-content\/uploads\/visual-gallery03.jpg\" alt=\"KEISEI 03\">\r\n      <span class=\"g-index\">03<\/span>\r\n      <span class=\"g-label\">Stem Cell Cream  <span class=\"ilb\">\u2014 \u9ad8\u3081\u308b<\/span><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"g-cell g-cell--d\">\r\n      <img decoding=\"async\" src=\"\/apps\/note\/wp-content\/uploads\/visual-gallery04-3.jpg\" alt=\"KEISEI 04\">\r\n      <span class=\"g-index\">04<\/span>\r\n      <span class=\"g-label\">Texture<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"g-cell g-cell--e\">\r\n      <img decoding=\"async\" src=\"\/apps\/note\/wp-content\/uploads\/visual-gallery05-3.jpg\" alt=\"KEISEI 05\">\r\n      <span class=\"g-index\">05<\/span>\r\n      <span class=\"g-label\">Package<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"gallery-caption r d1\">\r\n    <p class=\"gallery-caption-text\">\r\n      \u7d20\u6750\u30fb\u6210\u5206\u30fb\u30c6\u30af\u30b9\u30c1\u30e3\u30fc\u307e\u3067\u3001<br>\r\n      \u3059\u3079\u3066\u306f\u30af\u30ea\u30cb\u30c3\u30af\u306e\u77e5\u898b\u304b\u3089\u3002\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- PRODUCTS -->\r\n<section class=\"products-section\">\r\n  <div class=\"prod-header\">\r\n    <div class=\"r\">\r\n      <div class=\"vert-label r on\">Product Line<\/div>\r\n      <h2 class=\"prod-h2\">\r\n        <sup>3<\/sup> \u3064\u306e\u51e6\u65b9\u3067\u3001\u808c\u3092\u6574\u3048\u308b\u3002\r\n      <\/h2>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"prod-grid\">\r\n\r\n    <!--<a href=\"https:\/\/keisei.shop\/?pid=192392951\" class=\"prod-card r\">-->\r\n    <span class=\"prod-card r\">\r\n      <div class=\"prod-num-bg\">01<\/div>\r\n      <div class=\"prod-type\">Lotion\u3000<br class=\"containerQ\">\u5316\u7ca7\u6c34<\/div>\r\n      <div class=\"prod-name containerQsize-sp\">VC\u30ed\u30fc\u30b7\u30e7\u30f3<\/div>\r\n      <div class=\"prod-catch containerQsize-sp\">\u6574\u3048\u308b\u3002<\/div>\r\n      <div class=\"prod-visual\">\r\n        <img decoding=\"async\" src=\"\/apps\/note\/wp-content\/uploads\/VC_lotion.png\" alt=\"VC\u30ed\u30fc\u30b7\u30e7\u30f3\" class=\"r d1\"\/>\r\n      <\/div>\r\n      <div class=\"prod-name containerQsize-pc\">VC\u30ed\u30fc\u30b7\u30e7\u30f3<\/div>\r\n      <div class=\"prod-catch containerQsize-pc\">\u6574\u3048\u308b\u3002<\/div>\r\n      <p class=\"prod-desc\">\u9ad8\u6fc3\u5ea6\u30d3\u30bf\u30df\u30f3C\u5316\u7ca7\u6c34\u3002<br>\u5fae\u7d30\u30a8\u30de\u30eb\u30b8\u30e7\u30f3\u5316\u6280\u8853\u306b\u3088\u308a\u3001\u89d2\u8cea\u5c64\u306e\u3059\u307f\u305a\u307f\u307e\u3067\u3046\u308b\u304a\u3044\u3092\u5c4a\u3051\u308b\u30d3\u30bf\u30df\u30f3C\u914d\u5408\u5316\u7ca7\u6c34\u3002\u9ad8\u6fc3\u5ea6VC\u30a8\u30c1\u30eb\u3067\u304f\u3059\u307f\u3084\u6bdb\u7a74\u306b\u30a2\u30d7\u30ed\u30fc\u30c1\u3002<\/p>\r\n      <div class=\"prod-link\"><!--\u8a73\u7d30\u30fb\u8cfc\u5165<span class=\"arrow\"><\/span>-->8\u67083\u65e5\u8ca9\u58f2\u958b\u59cb<\/div>\r\n    <!--<\/a>-->\r\n    <\/span>\r\n\r\n    <!--<a href=\"https:\/\/keisei.shop\/?pid=192394227\" class=\"prod-card r d1\">-->\r\n    <span class=\"prod-card r\">\r\n      <div class=\"prod-num-bg\">02<\/div>\r\n      <div class=\"prod-type\">Serum\u3000<br class=\"containerQ\">\u7f8e\u5bb9\u6db2<\/div>\r\n      <div class=\"prod-name containerQsize-sp\">\u30ec\u30c1\u30ce\u30fc\u30eb\u30bb\u30e9\u30e0<\/div>\r\n      <div class=\"prod-catch containerQsize-sp\">\u80b2\u3066\u76f4\u3059\u3002<\/div>\r\n      <div class=\"prod-visual\">\r\n        <img decoding=\"async\" src=\"\/apps\/note\/wp-content\/uploads\/VA_serum.png\" alt=\"\u30ec\u30c1\u30ce\u30fc\u30eb\u30bb\u30e9\u30e0\" class=\"r d1\"\/>\r\n      <\/div>\r\n      <div class=\"prod-name containerQsize-pc\">\u30ec\u30c1\u30ce\u30fc\u30eb\u30bb\u30e9\u30e0<\/div>\r\n      <div class=\"prod-catch containerQsize-pc\">\u80b2\u3066\u76f4\u3059\u3002<\/div>\r\n      <p class=\"prod-desc\">\u6bce\u65e5\u7d9a\u3051\u3089\u308c\u308b\u30ec\u30c1\u30ce\u30fc\u30eb\u7f8e\u5bb9\u6db2\u3002<br>3\u7a2e\u306e\u30ec\u30c1\u30ce\u30fc\u30eb\u3092\u30d0\u30e9\u30f3\u30b9\u3088\u304f\u914d\u5408\u3002\u671d\u6669\u4f7f\u7528\u3067\u304d\u308b\u4f4e\u523a\u6fc0\u8a2d\u8a08\u3067\u3001\u30ec\u30c1\u30ce\u30fc\u30eb\u521d\u5fc3\u8005\u306b\u3082\u53d6\u308a\u5165\u308c\u3084\u3059\u3044\u51e6\u65b9\u3002\u5e74\u9f62\u30b5\u30a4\u30f3\u306b\u30a2\u30d7\u30ed\u30fc\u30c1\u3057\u307e\u3059\u3002<\/p>\r\n      <div class=\"prod-link\"><!--\u8a73\u7d30\u30fb\u8cfc\u5165<span class=\"arrow\"><\/span>-->8\u67083\u65e5\u8ca9\u58f2\u958b\u59cb<\/div>\r\n    <!--<\/a>-->\r\n    <\/span>\r\n\r\n    <!--<a href=\"https:\/\/keisei.shop\/?pid=192393981\" class=\"prod-card r d2\">-->\r\n    <span class=\"prod-card r\">\r\n      <div class=\"prod-num-bg\">03<\/div>\r\n      <div class=\"prod-type\">Cream\u3000<br class=\"containerQ\">\u4fdd\u6e7f\u30af\u30ea\u30fc\u30e0<\/div>\r\n      <div class=\"prod-name containerQsize-sp\">\u30b9\u30c6\u30e0\u30bb\u30eb\u30af\u30ea\u30fc\u30e0<\/div>\r\n      <div class=\"prod-catch containerQsize-sp\">\u6e80\u305f\u3057\u3066\u5b88\u308b\u3002<\/div>\r\n      <div class=\"prod-visual\">\r\n        <img decoding=\"async\" src=\"\/apps\/note\/wp-content\/uploads\/sc_cream.png\" alt=\"\u30b9\u30c6\u30e0\u30bb\u30eb\u30af\u30ea\u30fc\u30e0\" class=\"r d1\"\/>\r\n      <\/div>\r\n      <div class=\"prod-name containerQsize-pc\">\u30b9\u30c6\u30e0\u30bb\u30eb\u30af\u30ea\u30fc\u30e0<\/div>\r\n      <div class=\"prod-catch containerQsize-pc\">\u6e80\u305f\u3057\u3066\u5b88\u308b\u3002<\/div>\r\n      <p class=\"prod-desc\">\u7f8e\u5bb9\u533b\u7642\u767a\u60f3\u306e\u5e79\u7d30\u80de\u30af\u30ea\u30fc\u30e0\u3002<br>\u30d2\u30c8\u8102\u80aa\u9593\u8cea\u7d30\u80de\u9806\u5316\u57f9\u990a\u6db2\uff08150\u7a2e\u4ee5\u4e0a\u306e\u6210\u9577\u56e0\u5b50\uff09\u914d\u5408\u3002\u5929\u7136\u30d2\u30c8\u578b\u30bb\u30e9\u30df\u30c9\u304c\u3046\u308b\u304a\u3044\u3092\u9589\u3058\u8fbc\u3081\u3001\u30cf\u30ea\u30fb\u5f3e\u529b\u30fb\u3046\u308b\u304a\u3044\u306b\u6e80\u3061\u305f\u808c\u3078\u3002<\/p>\r\n      <div class=\"prod-link\"><!--\u8a73\u7d30\u30fb\u8cfc\u5165<span class=\"arrow\"><\/span>-->8\u67083\u65e5\u8ca9\u58f2\u958b\u59cb<\/div>\r\n    <!--<\/a>-->\r\n    <\/span>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<\/section>\r\n\r\n<!-- INGREDIENT -->\r\n<section class=\"ing-section\">\r\n  <div>\r\n    <div class=\"vert-label r on\">Key Ingredients<\/div>\r\n    <h2 class=\"ing-h2 r\">\u7f8e\u5bb9\u533b\u7642\u767a\u60f3\u306e\u6210\u5206\u8a2d\u8a08\u3002<\/h2>\r\n    <ul class=\"ing-list\">\r\n      <li class=\"ing-item r d1\">\r\n        <div class=\"ing-dot\"><\/div>\r\n        <div>\r\n          <div class=\"ing-name\">\u9ad8\u6fc3\u5ea6 VC \u30a8\u30c1\u30eb<\/div>\r\n          <div class=\"ing-desc\">\u5373\u52b9\u6027\u3068\u6301\u7d9a\u6027\u3092\u517c\u306d\u5099\u3048\u305f\u5b89\u5b9a\u578b\u30d3\u30bf\u30df\u30f3C\u8a98\u5c0e\u4f53\u3002\u304f\u3059\u307f\u30fb\u6bdb\u7a74\u30b1\u30a2\u306b\u3002<\/div>\r\n        <\/div>\r\n      <\/li>\r\n      <li class=\"ing-item r d2\">\r\n        <div class=\"ing-dot\"><\/div>\r\n        <div>\r\n          <div class=\"ing-name\">3 \u7a2e\u306e\u30ec\u30c1\u30ce\u30fc\u30eb\u8907\u5408<\/div>\r\n          <div class=\"ing-desc\">\u4f4e\u523a\u6fc0\u30fb\u9ad8\u52b9\u679c\u306e\u30d0\u30e9\u30f3\u30b9\u3092\u5b9f\u73fe\u3002\u30bf\u30fc\u30f3\u30aa\u30fc\u30d0\u30fc\u3092\u4fc3\u3057\u30cf\u30ea\u30fb\u306a\u3081\u3089\u304b\u3055\u3078\u3002<\/div>\r\n        <\/div>\r\n      <\/li>\r\n      <li class=\"ing-item r d3\">\r\n        <div class=\"ing-dot\"><\/div>\r\n        <div>\r\n          <div class=\"ing-name\">\u30d2\u30c8\u8102\u80aa\u9593\u8cea\u7d30\u80de\u9806\u5316\u57f9\u990a\u6db2<\/div>\r\n          <div class=\"ing-desc\">150\u7a2e\u4ee5\u4e0a\u306e\u6210\u9577\u56e0\u5b50\u3092\u542b\u3080\u7f8e\u5bb9\u533b\u7642\u7531\u6765\u306e\u6700\u5148\u7aef\u6210\u5206\u3002\u808c\u672c\u6765\u306e\u529b\u3092\u5f15\u304d\u51fa\u3059\u3002<\/div>\r\n        <\/div>\r\n      <\/li>\r\n      <li class=\"ing-item r d4\">\r\n        <div class=\"ing-dot\"><\/div>\r\n        <div>\r\n          <div class=\"ing-name\">\u5929\u7136\u30d2\u30c8\u578b\u30bb\u30e9\u30df\u30c9<\/div>\r\n          <div class=\"ing-desc\">\u808c\u306e\u30d0\u30ea\u30a2\u6a5f\u80fd\u3092\u5f37\u5316\u3057\u3001\u3046\u308b\u304a\u3044\u3092\u3057\u3063\u304b\u308a\u9589\u3058\u8fbc\u3081\u308b\u4fdd\u6e7f\u6210\u5206\u3002<\/div>\r\n        <\/div>\r\n      <\/li>\r\n    <\/ul>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CLOSING -->\r\n<section class=\"closing\">\r\n  <div class=\"vert-label r on\">Keisei Original Cosmetics<\/div>\r\n  <h2 class=\"closing-h2 r\">\r\n    \u6574\u3048\u308b\u30fb\u80b2\u3066\u308b\u30fb<i>\u9ad8\u3081\u308b\u3002<\/i>\r\n  <\/h2>\r\n  <p class=\"closing-body r d1\">\r\n    \u305d\u306e\u3059\u3079\u3066\u3092\u3001\u65e5\u5e38\u306e\u30b9\u30ad\u30f3\u30b1\u30a2\u3067\u3002<br>\r\n    <i>KEISEI<\/i>\u306f\u3001\u808c\u3092\u5909\u3048\u308b&#8221;\u7fd2\u6163&#8221;\u3092\u3064\u304f\u308a\u307e\u3059\u3002<\/p>\r\n  <!--<a href=\"#\" class=\"closing-cta r d2\">\u30b7\u30e7\u30c3\u30d7\u3067\u8cfc\u5165\u3059\u308b<\/a>-->\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<style>\r\nhtml {\r\n  scroll-behavior: smooth;\r\n}\r\n.ilb {\r\n  display: inline-block;\r\n}\r\nsection {\r\n  margin-bottom: 0 !important;\r\n}\r\n\r\n:root {\r\n  --green:      #0F2F25;\r\n  --green-mid:  #1A4A3A;\r\n  --gold:       #aa8f59;\r\n  --gold-light: #D4C090;\r\n  --gold-pale:  #F0E8D2;\r\n  --off-white:  #F7F7F5;\r\n  --light-gray: #E6E6E2;\r\n  --beige:      #D7C8AE;\r\n  --warm-gray:  #000;\r\n  --mid-gray:   #B0B0A8;\r\n  --line:       rgba(191,168,122,0.22);\r\n  --line-dk:    rgba(191,168,122,0.35);\r\n\r\n  \/* font roles *\/\r\n  --display: 'Playfair Display', 'Noto Serif JP', Georgia, serif;\r\n  --ui:      'DM Sans', 'Noto Sans JP', sans-serif;\r\n  --body:    'Noto Sans JP', 'DM Sans', sans-serif;\r\n}\r\n\r\n\/*------ \u4f59\u8a08\u306a\u3082\u306e\u3092\u975e\u8868\u793a ------*\/\r\n.single_post_detail .blog_inner,\r\n#single_post_list .single_post_detail {\r\n    padding-top:0;\r\n}\r\n.h_box {\r\n    height:0 !important;\r\n}\r\n@media (max-width: 992px) {\r\n    #container:not(.topPage) #main {\r\n        padding-left:0;\r\n        padding-right:0;\r\n    }\r\n    #container {\r\n        padding-right: 0;\r\n        padding-left: 0;\r\n    }\r\n    #bread_crumb,\r\n    .hdrBottom {\r\n        display: none;\r\n    }\r\n}\r\n\r\n\r\n\r\n.hero {\r\nbackground-color: #09100b; \/*\u52d5\u753b\u306e\u80cc\u666f\u8272*\/\r\n}\r\n\r\n\/*------ vimeo\u52d5\u753b\u306e\u8abf\u6574 ------*\/\r\n.video-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n}\r\n.video-bg iframe {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 100%;\r\n    height: auto;\r\n    aspect-ratio: 1440 \/ 1280;\r\n    transform: translate(-50%, -50%);\r\n    pointer-events: none;\r\n}\r\n@media(min-width: 993px) and (min-height: 1071px){\r\n    .video-bg iframe {\r\n        width: calc(1.125 * (100vh - 234px));\r\n        height: calc(100vh - 234px);\r\n    }\r\n}\r\n@media (min-width: 993px) and (max-width: 1199px) and (max-height: 1070px){\r\n    .video-bg iframe {\r\n        width: calc(1.125 * (100vh - 234px));\r\n        height: calc(100vh - 234px);\r\n    }\r\n}\r\n@media(min-width: 1200px) and (max-height: 1070px){\r\n    .video-bg iframe {\r\n        width: 100%;\r\n        height: auto;\r\n        aspect-ratio: 1440 \/ 1280;\r\n    }\r\n}\r\n@media (min-aspect-ratio: 626\/1280) and (max-width: 992px) {\r\n    .video-bg iframe {\r\n        width: 200vw;\r\n        height: auto;\r\n        aspect-ratio: 1440 \/ 1280; \r\n        left: 75%;\r\n        transform: translate(-87.5%, -50%);\r\n    }\r\n}\r\n@media (max-aspect-ratio: 626\/1280) and (max-width: 992px) {\r\n    .video-bg iframe {\r\n        width: calc(1.125 * (100vh - 94px));\r\n        height: calc(100vh - 94px);\r\n        left: 75%;\r\n        transform: translate(-87.5%, -50%);\r\n    }\r\n}\r\n\/*------ vimeo\u52d5\u753b\u306e\u8abf\u6574 \u3053\u3053\u307e\u3067------*\/\r\n\r\n\r\n\r\n\/*------ \u52d5\u753b\u753b\u9762\u306e\u9ad8\u3055\u3092\u8abf\u6574 ------*\/\r\n.hero {\r\n    position: relative;\r\n    height: calc(100vh - 234px);\r\n    overflow: hidden;\r\n    margin-bottom:0;   \/*css\u6253\u3061\u6d88\u3057*\/\r\n}\r\n@media (max-width: 992px) {\r\n    .hero {\r\n        height: calc(100vh - 94px);\r\n    }\r\n}\r\n\r\n\r\n\/*------ \u4e0b\u65b9\u5411\u306e\u77e2\u5370 ------*\/\r\n.cp_arrows {\r\n    display: block;\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: 40px;\r\n    transform: translateX(-50%);\r\n    width: 60px;\r\n    height: 60px;\r\n    z-index: 4;\r\n}\r\n.cp_arrows .cp_arrow {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 60px;\r\n  height: 10px;\r\n  opacity: 0;\r\n}\r\n.cp_arrows .cp_arrow:first-child {\r\n  animation: arrow-move08 1s ease-in-out infinite;\r\n}\r\n.cp_arrows .cp_arrow:nth-child(2)  {\r\n  animation: arrow-move08 1s 0.5s ease-in-out infinite;\r\n}\r\n.cp_arrows .cp_arrow:before,\r\n.cp_arrows .cp_arrow:after {\r\n  position: absolute;\r\n  content: '';\r\n  top: 0;\r\n  width: 30px;\r\n  height: 2px;\r\n  background: #fff;\r\n}\r\n.cp_arrows .cp_arrow:before {\r\n  left: 3px;\r\n  transform: rotate(30deg);\r\n}\r\n.cp_arrows .cp_arrow:after {\r\n  right: 3px;\r\n  transform: rotate(-30deg);\r\n}\r\n@keyframes arrow-move08 {\r\n    0% { opacity: 0; top: 40%;}\r\n   70% { opacity: 1;}\r\n  100% { opacity: 0;}\r\n}\r\n\r\n\r\n\/*------ \u5143\u306ehtml\u306e\u3082\u306e\u3092\u79fb\u690d ------*\/\r\n.hero-copy {\r\n  position: relative;\r\n  z-index: 4;\r\n  padding: 11rem 5rem 7rem 7.5rem;\r\n  width: 65%;\r\n  max-width: 700px;\r\n  display: flex; flex-direction: column; justify-content: center;\r\n}\r\n@media (max-width: 640px) {\r\n  .hero-copy {\r\n    width: auto;\r\npadding-left: 2em;\r\n  }\r\n}\r\n.hero-eyebrow {\r\n  display: flex; align-items: center; gap: 0.8rem;\r\n  margin-bottom: 2.5rem;\r\n}\r\n\r\n.blog_inner h1.hero-h1 {\r\n  font-family: var(--display);\r\n  font-size: clamp(3.2rem, 5.5vw, 5.8rem);\r\n  font-weight: 400;\r\n  line-height: 1.1;\r\n  letter-spacing: -0.01em;\r\n  color: var(--off-white);\r\n  margin-bottom: 2rem;\r\ntext-align: left;\r\nmargin-top: 0;\r\n}\r\n@media (max-width: 640px) {\r\n  .blog_inner h1.hero-h1 {\r\n    font-size: clamp(2.6rem, 10vw, 3.8rem); \r\n  }\r\n}\r\n\r\n.blog_inner h1.hero-h1 i { font-style: italic; color: var(--gold-light); }\r\n\r\n\r\n.blog_inner p.hero-lead {\r\n  font-family: var(--ui);\r\n  font-size: 16px;\r\n  font-weight: 300;\r\n  line-height: 2.1;\r\n  letter-spacing: 0.1em;\r\n  \/*color: rgba(247,247,245,0.65);*\/\r\n  color: #fff;\r\n  \/*max-width: 26rem;*\/\r\n}\r\n\r\n.hero-big-num {\r\n    position: absolute;\r\n    bottom: -2rem;\r\n    right: 2rem;\r\n    font-family: var(--display);\r\n    font-size: min(22rem, 38vw);\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    color: rgba(247, 247, 245, 0.04);\r\n    letter-spacing: -0.05em;\r\n    user-select: none;\r\n    pointer-events: none;\r\n    z-index: 4;\r\n}\r\n.u-rule {\r\n  display: inline-block;\r\n  width: 2rem; height: 0.5px;\r\n  background: var(--gold);\r\n  vertical-align: middle;\r\n  margin-right: 0.75rem;\r\n}\r\n.hero-eyebrow .u-tag { color: var(--gold); }\r\n\r\n\r\n\r\n\/* \u3075\u308f\u3063\u3068\u8868\u793a--------------------*\/\r\n@keyframes fUp {\r\n  from { opacity: 0; transform: translateY(28px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.hero-eyebrow  { animation: fUp 1s 0.3s both; }\r\n.hero-h1       { animation: fUp 1s 0.5s both; }\r\n.hero-lead     { animation: fUp 1s 0.7s both; }\r\n.hero-btn      { animation: fUp 1s 0.9s both; }\r\n\r\n.r {\r\n  opacity: 0; transform: translateY(20px);\r\n  transition: opacity 0.85s cubic-bezier(.25,.46,.45,.94),\r\n              transform 0.85s cubic-bezier(.25,.46,.45,.94);\r\n}\r\n.r.on { opacity: 1; transform: translateY(0); }\r\n.d1 { transition-delay: 0.08s; }\r\n.d2 { transition-delay: 0.16s; }\r\n.d3 { transition-delay: 0.24s; }\r\n.d4 { transition-delay: 0.32s; }\r\n.d5 { transition-delay: 0.40s; }\r\n\r\n\/* \u3075\u308f\u3063\u3068\u8868\u793a\u3000\u3053\u3053\u307e\u3067--------------------*\/\r\n\r\n\r\n\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 PHILOSOPHY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.philosophy {\r\nbackground: var(--off-white);\r\n  padding: 6rem 7.5rem 6rem;\r\ndisplay: block;\r\n  position: relative;\r\nmargin-bottom: 0;\r\n}\r\n\r\n.philosophy > div {\r\n  background: linear-gradient(rgba(247, 247, 245, 0.7), rgba(247, 247, 245, 0.7)), \r\n            url(https:\/\/keisei.shop\/apps\/note\/wp-content\/uploads\/silhouette_a.png);\r\n  background-position: right -80% bottom;\r\n  background-size: 80%;\r\n  background-repeat: no-repeat;\r\n}\r\n@media(max-width: 640px) {\r\n  .philosophy > div {\r\n    background-position: right -100px bottom 60px;\r\n    background-size: contain;\r\n  }\r\n}\r\n\r\n\/* \u2500\u2500 mobile (\u2264640px) \u2500\u2500 *\/\r\n@media (max-width: 640px) {\r\n  .philosophy { padding: 3rem 2rem;}\r\n}\r\n\r\n\r\n\/*\u30c6\u30ad\u30b9\u30c8*\/\r\n.philosophy h3 {\r\n  font-family: var(--display);\r\n  font-weight: 700;\r\n}\r\n\r\n\/*\u6253\u3061\u6d88\u3057*\/\r\n.blog_inner h2 {\r\n  margin: 0 0 16px;\r\n}\r\n\r\n.blog_inner h2.phil-h2,\r\n.blog_inner h2. gallery-h2 {\r\nmargin-top:0;\r\n  font-family: var(--display);\r\n font-size: clamp(2.2rem, 3.8vw, 3.8rem);\r\n  font-weight: 400;\r\n  line-height: 1.35;\r\n  letter-spacing: -0.01em;\r\n  color: var(--green);\r\n  margin-bottom: 2.8rem;\r\n}\r\n\r\n.blog_inner .phil-h2 i,\r\n.blog_inner h2. gallery-h2 i {\r\n font-style: italic; color: var(--gold);\r\n}\r\n\r\n.blog_inner .phil-body {\r\n  font-family: var(--body);\r\n  \/*font-size: 0.82rem;*\/\r\n    font-weight: 200;\r\n  line-height: 2.3;\r\n  letter-spacing: 0.1em;\r\n  color: var(--warm-gray);\r\n}\r\n\r\n.vert-label {\r\n  font-family: var(--ui);\r\n  font-size: 13px;\r\n  font-weight: 300;\r\n  letter-spacing: 0.5em;\r\n  text-transform: uppercase;\r\n  color: var(--gold);\r\n  padding-top: 0.5rem;\r\n  margin-bottom:16px;\r\n}\r\n\r\n\r\n\r\n\r\n\/*------ 27\u5e743\u7a2e150+ ------*\/\r\n.photo-ph {\r\n  position: absolute; inset: 0;\r\n  display: flex; flex-direction: column;\r\n  align-items: center; justify-content: center;\r\n  gap: 1rem;\r\n}\r\n\r\n\r\n\/* main photo PH: beige tone *\/\r\n.phil-photo-main .photo-ph  { background: #E2D9C8; }\r\n\/* sub photo PH: lighter beige *\/\r\n.phil-photo-sub  .photo-ph  { background: #EAE2D5; }\r\n\r\n.photo-ph-icon {\r\n  width: 36px; height: 36px;\r\n  color: rgba(15,47,37,0.25);\r\n}\r\n\r\n.photo-ph-label {\r\n  font-family: var(--ui);\r\n  font-size: 0.55rem;\r\n  font-weight: 300;\r\n  letter-spacing: 0.35em;\r\n  text-transform: uppercase;\r\n  color: rgba(15,47,37,0.35);\r\n}\r\n\r\n\/* corner tag *\/\r\n.photo-index {\r\n  position: absolute;\r\n  top: 0.9rem; right: 0.9rem;\r\n  font-family: var(--display);\r\n  font-size: 0.62rem;\r\n  font-style: italic;\r\n  color: var(--gold);\r\n  background: rgba(247,247,245,0.9);\r\n  padding: 0.18rem 0.5rem;\r\n  letter-spacing: 0.05em;\r\n  z-index: 2;\r\n}\r\n\r\n\/* gold border accent on main photo *\/\r\n.phil-photo-main::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  border: 1px solid rgba(191,168,122,0.2);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n\r\n\r\n\/* Stats row \u2014 redesigned *\/\r\n.stats-row {\r\n  display: flex; gap: 5rem;\r\n  margin-top: 4rem;\r\n  padding-top: 3.5rem;\r\n  border-top: 0.5px solid var(--line);\r\n}\r\n@media (max-width: 640px) {\r\n.stats-row {\r\n  margin-top: 3rem;\r\n  padding-top: 1.5rem;\r\n  gap: 1rem;\r\n}\r\n}\r\n\r\n.stat {\r\n  display: flex; flex-direction: column; gap: 0.2rem;\r\n}\r\n\r\n.stat-num {\r\n  font-family: var(--display);\r\n  \/*font-size: 8rem;*\/\r\nfont-size: 6rem;\r\n  font-weight: 400;\r\n  line-height: 1;\r\n  letter-spacing: -0.04em;\r\n  color: var(--green);\r\n}\r\n@media (max-width: 640px) {\r\n.stat-num {\r\n  font-size: 4rem;\r\n}\r\n}\r\n\r\n.stat-num .unit {\r\n  font-family: var(--ui);\r\n  \/*font-size: 0.95rem;*\/\r\nfont-size: 2rem;\r\n  font-weight: 200;\r\n  letter-spacing: 0.12em;\r\n  color: var(--gold);\r\n  margin-left: 0.15em;\r\n  vertical-align: middle;\r\n}\r\n@media (max-width: 640px) {\r\n.stat-num .unit {\r\n  font-size: 15px;\r\n}\r\n}\r\n\r\n.stat-lbl {\r\n  font-family: var(--ui);\r\n  \/*font-size: 0.62rem;*\/\r\n  font-weight: 300;\r\n  letter-spacing: 0.2em;\r\n  color: var(--mid-gray);\r\n  margin-top: 0.4rem;\r\n}\r\n@media (max-width: 640px) {\r\n.stat-lbl {\r\n  font-size: 12px;\r\nline-height: 1.3;\r\n}\r\n}\r\n\/*------ 27\u5e743\u7a2e150+ \u3053\u3053\u307e\u3067------*\/\r\n\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 TIMELINE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.timeline-section {\r\n  background: var(--green);\r\n  padding: 8rem 7.5rem;\r\n  position: relative;\r\n  overflow: hidden;\r\n  margin-bottom: 0;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .timeline-section {\r\n        padding: 3rem 2rem;\r\n    }\r\n}\r\n\r\n.tl-sub {\r\n  font-family: var(--ui);\r\n  \/*font-size: 0.72rem;*\/\r\n  font-weight: 200;\r\n  letter-spacing: 0.15em;\r\n  line-height: 2;\r\n  color: #fff;\r\n}\r\n\r\n\/* watermark *\/\r\n.timeline-section::before {\r\n  content: 'SKIN';\r\n  position: absolute; top: 50%; left: 50%;\r\n  transform: translate(-50%,-50%);\r\n  font-family: var(--display);\r\n  font-size: 18vw;\r\n  font-weight: 400;\r\n  color: rgba(255,255,255,0.022);\r\n  letter-spacing: 0.05em;\r\n  user-select: none; pointer-events: none;\r\n  white-space: nowrap;\r\n}\r\n\r\n.tl-header {\r\n  \/*display: flex; justify-content: space-between; align-items: flex-end;*\/\r\n  margin-bottom: 5.5rem;\r\n  position: relative; z-index: 2;\r\n}\r\n\r\n.tl-h2 {\r\n  font-family: var(--display);\r\n  font-size: clamp(2rem, 3.5vw, 3.5rem);\r\n  font-weight: 400;\r\n  line-height: 1.3;\r\n  letter-spacing: -0.01em;\r\n  color: var(--off-white);\r\n}\r\n\r\n.tl-h2 i { font-style: italic; color: var(--gold); }\r\n\r\n\r\n\r\n\/* Rail *\/\r\n.tl-rail {\r\n  position: relative; z-index: 2;\r\n  container-type: inline-size; \/*\u30b3\u30f3\u30c6\u30ca\u30af\u30a8\u30ea\u306e\u89aa\u8981\u7d20*\/\r\n}\r\n\r\n\/*.tl-rail::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 2.6rem; left: 0; right: 0;\r\n  height: 0.5px;\r\n  background: linear-gradient(90deg, transparent, rgba(191,168,122,0.35) 6%, rgba(191,168,122,0.35) 94%, transparent);\r\n}*\/\r\n\r\n.tl-items {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n}\r\n@container (400px < inline-size <= 640px) {\r\n  .tl-items {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n@container (inline-size <= 400px) {\r\n  .tl-items {\r\n    grid-template-columns: repeat(1, 1fr);\r\n  }\r\n}\r\n\r\n.tl-item {\r\n  position: relative;\r\n  padding-top: 24px;\r\n  padding-right: 1.2rem;\r\n}\r\n\r\n\/* node on rail *\/\r\n\/*.tl-item::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: calc(2.6rem - 5px); left: 0;\r\n  width: 10px; height: 10px;\r\n  border-radius: 50%;\r\n  background: var(--gold);\r\n  border: 2px solid var(--green);\r\n  transition: transform 0.3s;\r\n}\r\n\r\n.tl-item:hover::before { transform: scale(1.5); }*\/\r\n\r\n\/* connector *\/\r\n\/*.tl-item::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 3.1rem; left: 4px;\r\n  width: 0.5px; height: 2.4rem;\r\n  background: rgba(191,168,122,0.25);\r\n}*\/\r\n\r\n\/* age number \u2014 big display font *\/\r\n.tl-age {\r\n  font-family: var(--display);\r\n  font-size: 6rem;\r\n  font-weight: 400;\r\n  line-height: 1;\r\n  letter-spacing: -0.04em;\r\n  color: var(--off-white);\r\n  margin-bottom: 0.2rem;\r\n}\r\n\r\n.tl-age .dai {\r\n  font-family: var(--ui);\r\n  font-size: 16px;\r\n  font-weight: 200;\r\n  letter-spacing: 0.08em;\r\n  color: var(--gold);\r\n  margin-left: 0.15em;\r\n  vertical-align: middle;\r\n}\r\n\r\n.tl-title {\r\n  font-family: var(--ui);\r\n  \/*font-size: 0.68rem;*\/\r\n  font-weight: 300;\r\n  letter-spacing: 0.12em;\r\n  color: var(--gold);\r\n  margin-bottom: 0.9rem;\r\n}\r\n\r\n.tl-list { list-style: none; display: flex; flex-direction: column; gap: 0.45rem;\r\npadding-bottom: 20px;\r\n  border-bottom: 0.5px solid rgba(191,168,122,0.18);\r\n }\r\n\r\n.tl-list li {\r\n  font-family: var(--body);\r\n  \/*font-size: 0.66rem;*\/\r\n  letter-spacing: 0.08em;\r\n  line-height: 1.65;\r\n  color: rgba(247,247,245,0.55);\r\n  padding-left: 0.8rem;\r\n  position: relative;\r\n}\r\n\r\n\/*.tl-list li::before {\r\n  content: '';\r\n  position: absolute; left: 0; top: 0.52em;\r\n  width: 3px; height: 3px;\r\n  border-radius: 50%;\r\n  background: rgba(191,168,122,0.45);\r\n}*\/\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 GALLERY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.gallery-section {\r\n  padding: 8rem 7.5rem;\r\n  \/*background: var(--green);*\/\r\n  background: var(--off-white);\r\n  position: relative;\r\n  overflow: hidden;\r\nmargin-bottom:0;\r\n}\r\n@media(max-width: 640px) {\r\n.gallery-section {\r\n  padding: 3rem 2rem;\r\n}\r\n}\r\n\r\n\/* subtle watermark *\/\r\n.gallery-section::before {\r\n  content: 'GALLERY';\r\n  position: absolute; bottom: 2rem; right: -1rem;\r\n  font-family: var(--display);\r\n  font-size: 12vw; font-weight: 400;\r\n  color: rgba(0,0,0,0.025);\r\n  letter-spacing: 0.05em;\r\n  user-select: none; pointer-events: none;\r\n  white-space: nowrap; line-height: 1;\r\n}\r\n\r\n.gallery-header {\r\n  margin-bottom: 3.5rem;\r\n}\r\n@media(max-width: 640px) {\r\n.gallery-header {\r\n\r\n}\r\n}\r\n\r\n.gallery-h2 {\r\n  font-family: var(--display);\r\n  font-size: clamp(1.8rem, 2.8vw, 2.8rem);\r\n  font-weight: 400;\r\n  letter-spacing: -0.01em;\r\n  line-height: 1.3;\r\n  \/*color: var(--off-white);*\/\r\ncolor: var(--green);\r\n}\r\n\r\n.gallery-h2 small {\r\n  display: block;\r\n  font-family: var(--ui);\r\n  font-size: 0.62rem;\r\n  font-weight: 200;\r\n  letter-spacing: 0.42em;\r\n  color: var(--gold);\r\n  text-transform: uppercase;\r\n  margin-bottom: 0.7rem;\r\n}\r\n\r\n.gallery-note {\r\n  font-family: var(--ui);\r\n  \/*font-size: 0.68rem;*\/\r\n  font-weight: 200;\r\n  letter-spacing: 0.14em;\r\n  \/*color: rgba(247,247,245,0.4);*\/\r\n  color: #000;\r\n  \/*text-align: right;*\/\r\n  line-height: 2.1;\r\n}\r\n\r\n\/* \u2500\u2500 bento grid \u2500\u2500 *\/\r\n.gallery-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(12, 1fr);\r\n  grid-template-rows: 300px 240px;\r\n  gap: 3px;\r\n  padding: 0 0;\r\n}\r\n@media(max-width: 1100px) {\r\n  .gallery-grid {\r\n    grid-template-columns: repeat(6,1fr);\r\n    grid-template-rows: 220px 220px 220px;\r\n    padding: 0 0; gap: 3px;\r\n  }\r\n}\r\n\/* grid positions *\/\r\n.g-cell--a { grid-column: 1 \/ 5;  grid-row: 1 \/ 2; }\r\n.g-cell--b { grid-column: 5 \/ 8;  grid-row: 1 \/ 2; }\r\n.g-cell--c { grid-column: 8 \/ 13; grid-row: 1 \/ 3; }\r\n.g-cell--d { grid-column: 1 \/ 4;  grid-row: 2 \/ 3; }\r\n.g-cell--e { grid-column: 4 \/ 8;  grid-row: 2 \/ 3; }\r\n\r\n@media(max-width: 1100px) {\r\n  .g-cell--a { grid-column: 1\/4; grid-row: 1\/2; }\r\n  .g-cell--b { grid-column: 4\/7; grid-row: 1\/2; }\r\n  .g-cell--c { grid-column: 1\/4; grid-row: 2\/4; }\r\n  .g-cell--d { grid-column: 4\/7; grid-row: 2\/3; }\r\n  .g-cell--e { grid-column: 4\/7; grid-row: 3\/4; }\r\n}\r\n\r\n\r\n\r\n.g-cell {\r\n  position: relative;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n}\r\n\r\n.g-cell img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover; display: block;\r\n  transition: transform 0.8s cubic-bezier(.25,.46,.45,.94);\r\n}\r\n\r\n.g-cell:hover img { transform: scale(1.07); }\r\n\r\n\/* darken overlay on hover *\/\r\n.g-cell::after {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background: rgba(15,47,37,0);\r\n  transition: background 0.4s;\r\n  pointer-events: none; z-index: 1;\r\n}\r\n\r\n.g-cell:hover::after { background: rgba(15,47,37,0.18); }\r\n\r\n\/* label: slides up on hover *\/\r\n.g-label {\r\n  position: absolute;\r\n  bottom: 1.1rem; left: 1.1rem;\r\n  font-family: var(--display);\r\n  font-size: 2rem;\r\n  font-style: italic;\r\n  color: #000;\r\n  letter-spacing: 0.04em;\r\n  opacity: 0;\r\n  transform: translateY(8px);\r\n  transition: opacity 0.4s, transform 0.4s;\r\n  z-index: 2;\r\n  pointer-events: none;\r\n}\r\n@media (max-width: 640px) {\r\n.g-label {\r\n  font-size: 14px;\r\n}\r\n}\r\n\r\n.g-cell:hover .g-label { opacity: 1; transform: translateY(0); }\r\n\r\n\/* corner index *\/\r\n.g-index {\r\n  position: absolute;\r\n  top: 0.8rem; right: 0.9rem;\r\n  font-family: var(--display);\r\nfont-size:2rem;\r\n  font-style: italic;\r\n  color: rgba(247,247,245,0.5);\r\n  letter-spacing: 0.06em;\r\n  z-index: 2;\r\n  pointer-events: none;\r\ncolor: #000;\r\n}\r\n\r\n\/* \u2500\u2500 placeholder (shown when img src is empty) \u2500\u2500 *\/\r\n.g-ph {\r\n  position: absolute; inset: 0;\r\n  display: flex; flex-direction: column;\r\n  align-items: center; justify-content: center;\r\n  gap: 0.9rem;\r\n}\r\n\r\n\/* tonal palette per cell *\/\r\n.g-cell--a .g-ph { background: #2A4A3D; }\r\n.g-cell--b .g-ph { background: #1E3C30; }\r\n.g-cell--c .g-ph { background: #243F34; }\r\n.g-cell--d .g-ph { background: #2E5042; }\r\n.g-cell--e .g-ph { background: #1A3828; }\r\n\r\n.g-ph-icon { width: 28px; height: 28px; color: rgba(191,168,122,0.35); }\r\n\r\n.g-ph-label {\r\n  font-family: var(--ui);\r\n  font-size: 0.55rem;\r\n  font-weight: 200;\r\n  letter-spacing: 0.35em;\r\n  text-transform: uppercase;\r\n  color: rgba(191,168,122,0.45);\r\n}\r\n\r\n\/* thin gold border on each cell *\/\r\n.g-cell::before {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  border: 0.5px solid #999;\r\n  pointer-events: none; z-index: 2;\r\n}\r\n\r\n\r\n\r\n\/* caption row below grid *\/\r\n.gallery-caption {\r\n  margin-top: 2rem;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.gallery-caption-text {\r\n  font-family: var(--body);\r\n  font-weight: 200;\r\n  letter-spacing: 0.1em;\r\n  color: #000;\r\n  line-height: 1.9;\r\n}\r\n\r\n.gallery-caption-tag {\r\n  font-family: var(--display);\r\n  font-size: 0.82rem;\r\n  font-style: italic;\r\n  color: var(--gold);\r\n  letter-spacing: 0.04em;\r\n  opacity: 0.8;\r\n}\r\n\r\n.phil-h2 {\r\n  font-family: var(--display);\r\n  font-size: clamp(2.2rem, 3.8vw, 3.8rem);\r\n  font-weight: 400;\r\n  line-height: 1.35;\r\n  letter-spacing: -0.01em;\r\n  color: var(--green);\r\n  margin-bottom: 2.8rem;\r\n}\r\n\r\n.phil-h2 i { font-style: italic; color: var(--gold); }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 PRODUCTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.products-section {\r\n  background: #EEEEE9;\r\n  padding: 8rem 0;\r\n  container-type: inline-size;\r\n  margin-bottom:0;\r\n}\r\n@media (max-width: 640px) {\r\n  .products-section {\r\n    padding: 3rem 0;\r\n  }\r\n}\r\n@container (max-width: 800px) {\r\n  br.containerQ {\r\n    display: none;\r\n  }\r\n}\r\n.containerQsize-pc {\r\n   display: block;\r\n}\r\n@container (max-width: 800px) {\r\n  .containerQsize-pc {\r\n    display: none;\r\n  }\r\n}\r\n.containerQsize-sp {\r\n   display: none;\r\n}\r\n@container (max-width: 800px) {\r\n  .containerQsize-sp {\r\n    display: block;\r\n  }\r\n}\r\n\r\n.prod-header {\r\n  padding: 0 7.5rem 4.5rem;\r\n}\r\n@media(max-width: 640px){\r\n  .prod-header {\r\n    padding: 0 2rem 3rem;\r\n  }\r\n}\r\n\r\n.prod-h2 {\r\n  font-family: var(--display);\r\n  font-size: clamp(2.2rem, 3.8vw, 3.8rem);\r\n  font-weight: 400;\r\n  letter-spacing: -0.01em;\r\n  line-height: 1.3;\r\n  color: var(--green);\r\nmargin-bottom: 2.8rem;\r\n}\r\n.prod-h2 sup {\r\nposition: relative;\r\ntop: -4px;\r\n}\r\n\r\n.prod-h2 small {\r\n  display: block;\r\n  font-family: var(--ui);\r\n  font-size: 0.62rem;\r\n  font-weight: 300;\r\n  letter-spacing: 0.4em;\r\n  color: var(--gold);\r\n  text-transform: uppercase;\r\n  margin-bottom: 0.8rem;\r\n}\r\n\r\n.prod-all-link {\r\n  font-family: var(--ui);\r\n  font-size: 0.68rem;\r\n  font-weight: 300;\r\n  letter-spacing: 0.25em;\r\n  text-transform: uppercase;\r\n  color: var(--warm-gray);\r\n  text-decoration: none;\r\n  border-bottom: 0.5px solid rgba(191,168,122,0.3);\r\n  padding-bottom: 0.2rem;\r\n  transition: color 0.25s, border-color 0.25s;\r\n}\r\n\r\n.prod-all-link:hover { color: var(--gold); border-color: var(--gold); }\r\n\r\n.prod-grid {\r\n  display: grid; grid-template-columns: repeat(3,1fr);\r\n  padding: 0 7.5rem;\r\n}\r\n@container (max-width: 800px) {\r\n  .prod-grid {\r\n    display: block;\r\n  }\r\n}\r\n@media(max-width: 640px) {\r\n  .prod-grid {\r\n    padding: 0 2rem;\r\n  }\r\n}\r\n\r\n.prod-card {\r\n  \/*background: var(--off-white);*\/\r\nbackground: #fff;\r\n  border: 0.5px solid var(--line);\r\n  padding: 3.5rem 2.8rem 2.8rem;\r\n  display: flex; flex-direction: column;\r\n  text-decoration: none; color: inherit;\r\n  position: relative; overflow: hidden;\r\n  transition: transform 0.45s cubic-bezier(.25,.46,.45,.94),\r\n              background 0.45s, box-shadow 0.45s;\r\n}\r\n@container (max-width: 800px) {\r\n  .prod-card {\r\n    display: flow-root;\r\n  }\r\n}\r\n\r\n.prod-card:not(:last-child) { border-right: none; }\r\n\r\na.prod-card::after {\r\n  content: '';\r\n  position: absolute; bottom: 0; left: 0; right: 0;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n  transform: scaleX(0);\r\n  transition: transform 0.45s cubic-bezier(.25,.46,.45,.94);\r\n}\r\n\r\na.prod-card:hover {\r\n  background: #FAFAF8;\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 24px 64px rgba(15,47,37,0.09);\r\n  border-color: rgba(191,168,122,0.4);\r\n  z-index: 2;\r\n}\r\n\r\na.prod-card:hover::after { transform: scaleX(1); }\r\n\r\n\r\n\r\n\/* big BG number *\/\r\n.prod-num-bg {\r\n  position: absolute; top: 1rem; right: 1.5rem;\r\n  font-family: var(--display);\r\n  font-size: 6rem;\r\n  font-weight: 400;\r\n  line-height: 1;\r\n  letter-spacing: -0.05em;\r\n  color: rgba(15,47,37,0.045);\r\n  user-select: none; pointer-events: none;\r\n  transition: color 0.45s;\r\n}\r\n\r\na.prod-card:hover .prod-num-bg { color: rgba(191,168,122,0.12); }\r\n\r\n.prod-type {\r\n  font-family: var(--ui);\r\n  font-size: 15px;\r\n  font-weight: 300;\r\n  letter-spacing: 0.45em;\r\n  text-transform: uppercase;\r\n  color: var(--gold);\r\n  margin-bottom: 3rem;\r\n}\r\n@container (max-width: 800px) {\r\n  .prod-type {\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n\r\n\/* product visual *\/\r\n.prod-visual {\r\n  width: 100%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin-bottom: 2rem;\r\n  min-height: 337px;\r\n}\r\n.prod-visual img {\r\n  max-width:120px;\r\n}\r\n@container (max-width: 800px) {\r\n  .prod-visual {\r\n    width: 100px;\r\n    min-height: 224px;\r\n    margin-bottom: 0;\r\n    margin-right: 12px; \/*\u4ed6\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u5e45\u306b\u5f71\u97ff*\/\r\n    float:left;\r\n  }\r\n  .prod-visual img {\r\n    max-width:80px;\r\n  }\r\n  .prod-card:nth-of-type(2) .prod-visual {\r\n    min-height: 200px;\r\n  }\r\n  .prod-card:nth-of-type(3) .prod-visual {\r\n    min-height: 170px;\r\n  }\r\n}\r\n@container (max-width: 530px) {\r\n  .prod-visual {\r\n    width: 70px;\r\n    min-height: 190px;\r\n    margin-right: 8px; \/*\u4ed6\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u5e45\u306b\u5f71\u97ff*\/\r\n  }\r\n  .prod-visual img {\r\n    max-width:60px;\r\n  }\r\n  .prod-card:nth-of-type(2) .prod-visual {\r\n    min-height: 210px;\r\n  }\r\n  .prod-card:nth-of-type(3) .prod-visual {\r\n    min-height: 210px;\r\n  }\r\n}\r\n\r\n.prod-name {\r\n  font-family: var(--display);\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  letter-spacing: 0.02em;\r\n  color: var(--green);\r\n  margin-bottom: 0.3rem;\r\n}\r\n@container (max-width: 800px) {\r\n  .prod-name {\r\n    margin-bottom: 0;\r\n    padding-right: 0;\r\n  }\r\n}\r\n@container (max-width: 460px) {\r\n  .prod-name {\r\n    padding-right: 0;\r\n  }\r\n}\r\n\r\n.prod-catch {\r\n  font-family: var(--display);\r\n  font-size: 14px;\r\n  font-style: italic;\r\n  color: var(--gold);\r\n  margin-bottom: 1.2rem;\r\n  font-weight: 700;\r\n}\r\n@container (max-width: 800px) {\r\n  .prod-catch {\r\n    margin-bottom: 1rem;\r\n  }\r\n}\r\n\r\n\r\n.prod-desc {\r\n  font-family: var(--body);\r\n  font-size: 15px;\r\n  line-height: 2;\r\n  color: var(--warm-gray);\r\n  flex: 1;\r\n  margin-bottom: 2rem;\r\n}\r\n@container (max-width: 800px) {\r\n  .prod-desc {\r\n    float:left;\r\n    width: calc(100% - 100px - 12px);\r\n  }\r\n}\r\n@container (max-width: 460px) {\r\n  .prod-desc {\r\n    width: calc(100% - 70px - 8px);\r\n  }\r\n}\r\n\r\n.prod-link {\r\n  display: inline-flex; align-items: center; gap: 0.7rem;\r\n  font-family: var(--ui);\r\n  font-size: 14px;\r\n  font-weight: 300;\r\n  letter-spacing: 0.3em;\r\n  text-transform: uppercase;\r\n  color: var(--green);\r\n  margin-top: auto;\r\n  transition: gap 0.3s, color 0.25s;\r\n}\r\n@container (max-width: 800px) {\r\n  .prod-link {\r\n    float:left;\r\n  }\r\n}\r\n\r\na.prod-card .prod-card:hover .prod-link { gap: 1.2rem; color: var(--gold); }\r\n\r\n.prod-link .arrow { width: 1.4rem; }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 INGREDIENT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ing-section {\r\n  padding: 9rem 7.5rem;\r\n  background: var(--off-white);\r\n}\r\n@media(max-width: 640px) {\r\n  .ing-section {\r\n    padding: 3rem 2rem;\r\n  }\r\n}\r\n\r\n.ing-h2 {\r\n  font-family: var(--display);\r\n  font-size: clamp(2rem, 3vw, 3rem);\r\n  font-weight: 400;\r\n  letter-spacing: -0.01em;\r\n  line-height: 1.35;\r\n  color: var(--green);\r\n  margin-bottom: 2.5rem;\r\n}\r\n\r\n.blog_inner .ing-list {\r\n list-style: none; display: flex; flex-direction: column; gap: 1.4rem; \r\nmargin-left: 0;\r\n}\r\n\r\n.ing-item {\r\n  display: grid; grid-template-columns: 6px 1fr;\r\n  gap: 1.2rem; align-items: start;\r\n  padding-bottom: 1.4rem;\r\n  border-bottom: 0.5px solid var(--line);\r\n}\r\n\r\n.ing-item:last-child { border-bottom: none; }\r\n\r\n.ing-dot {\r\n  width: 6px; height: 6px;\r\n  border-radius: 50%; background: var(--gold);\r\n  margin-top: 10px; flex-shrink: 0;\r\n}\r\n\r\n.ing-name {\r\n  font-family: var(--display);\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  letter-spacing: 0.04em;\r\n  color: var(--green);\r\n  margin-bottom: 0.2rem;\r\n}\r\n\r\n.ing-desc {\r\n  font-family: var(--body);\r\n  font-size: 15px;\r\n  line-height: 1.85;\r\n  letter-spacing: 0.07em;\r\n  color: var(--warm-gray);\r\n}\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 CLOSING \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.closing {\r\n  background: var(--green);\r\n  padding: 9rem 7.5rem;\r\n  position: relative; overflow: hidden;\r\n}\r\n@media(max-width: 640px) {\r\n  .closing {\r\n    padding: 3rem 2rem;\r\n  }\r\n}\r\n\r\n.closing::before {\r\n  content: 'KEISEI';\r\n  position: absolute; top: 50%; left: 50%;\r\n  transform: translate(-50%,-50%);\r\n  font-family: var(--display);\r\n  font-size: 20vw; font-weight: 400;\r\n  color: rgba(255,255,255,0.022);\r\n  letter-spacing: 0.08em;\r\n  user-select: none; pointer-events: none;\r\n  white-space: nowrap;\r\n}\r\n\r\n.closing-h2 {\r\n  font-family: var(--display);\r\n  font-size: clamp(2.8rem, 5.5vw, 5rem);\r\n  font-weight: 400;\r\n  line-height: 1.3;\r\n  letter-spacing: -0.01em;\r\n  color: var(--off-white);\r\n  margin-bottom: 1.8rem;\r\n}\r\n\r\n.closing-h2 i { font-style: italic; color: var(--gold-light); }\r\n\r\n.closing-body {\r\n  font-family: var(--ui);\r\n  font-size: 16px;\r\n  font-weight: 200;\r\n  line-height: 2.3;\r\n  letter-spacing: 0.12em;\r\n  color: #fff;\r\n  \/*max-width: 32rem; margin: 0 auto 4rem;*\/\r\n}\r\n\r\n.closing-cta {\r\n  display: inline-block;\r\n  font-family: var(--ui);\r\n  font-size: 15px;\r\n  font-weight: 300;\r\n  letter-spacing: 0.45em;\r\n  text-transform: uppercase;\r\n  color: var(--green);\r\n  background: var(--gold);\r\n  text-decoration: none;\r\n  padding: 1.2rem 3.8rem;\r\n  transition: background 0.35s, letter-spacing 0.35s;\r\n}\r\n@media(max-width: 640px) {\r\n  .closing-cta {\r\n    display: block;\r\n    margin: 0 auto;\r\nmax-width: 300px;\r\ntext-align: center;\r\n  }\r\n}\r\n\r\n.closing-cta:hover { background: var(--gold-light); letter-spacing: 0.55em; }\r\n\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<!-- \u4ee5\u4e0b\u3001\u30d8\u30c3\u30c0\u30fc\u306e\u4f59\u8a08\u306a\u3082\u306e\u3092\u6d88\u3059 -->\r\n<script>\r\n\/\/ \u8981\u7d20\u304c\u5b58\u5728\u3059\u308b\u5834\u5408\u306e\u307f\u975e\u8868\u793a\u51e6\u7406\u3092\u5b9f\u884c\uff08\u30a8\u30e9\u30fc\u9632\u6b62\u30ac\u30fc\u30c9\uff09\r\nconst postInfo = document.querySelector('.single_post_info');\r\nif (postInfo) {\r\n  postInfo.style.display = 'none';\r\n}\r\n\r\n\/\/ \u3075\u308f\u3063\u3068\u8868\u793a\u306e\u30b9\u30af\u30ea\u30d7\u30c8\uff08JS\u304c\u6b62\u307e\u3089\u306a\u3051\u308c\u3070\u6b63\u5e38\u306b\u52d5\u4f5c\u3057\u307e\u3059\uff09\r\nconst els = document.querySelectorAll('.r');\r\nconst io = new IntersectionObserver(entries => {\r\n  entries.forEach(e => { \r\n    if (e.isIntersecting) { \r\n      e.target.classList.add('on'); \r\n      io.unobserve(e.target); \r\n    } \r\n  });\r\n}, { threshold: 0.1, rootMargin: '0px 0px -36px 0px' });\r\n\r\nels.forEach(el => io.observe(el));\r\n<\/script>","protected":false},"excerpt":{"rendered":"Clinic Original Skincare \u751f\u6daf\u3001\u808c\u3092\u80b2\u3066\u308b\u3002 27\u5e74\u306e\u7f8e\u5bb9\u533b\u7642\u306e\u77e5\u898b\u304b\u3089\u751f\u307e [&hellip;]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1515","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/keisei.shop\/apps\/note\/wp-json\/wp\/v2\/pages\/1515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keisei.shop\/apps\/note\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/keisei.shop\/apps\/note\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/keisei.shop\/apps\/note\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/keisei.shop\/apps\/note\/wp-json\/wp\/v2\/comments?post=1515"}],"version-history":[{"count":276,"href":"https:\/\/keisei.shop\/apps\/note\/wp-json\/wp\/v2\/pages\/1515\/revisions"}],"predecessor-version":[{"id":1846,"href":"https:\/\/keisei.shop\/apps\/note\/wp-json\/wp\/v2\/pages\/1515\/revisions\/1846"}],"wp:attachment":[{"href":"https:\/\/keisei.shop\/apps\/note\/wp-json\/wp\/v2\/media?parent=1515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}