\u4f5c\u54c1\u4e00\u89a7 | vivi wedding<\/title>\r\n<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=Cinzel:wght@300;400&family=Cormorant+Garamond:ital,wght@0,300;1,300;1,400&family=Noto+Serif+JP:wght@200;300;400&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\n:root{\r\n --cream:#FBF8F4;--beige:#F5EDE0;--brown:#A88760;\r\n --text-dark:#2C2520;--text-mid:#7A6A5A;--text-light:#B8A898;\r\n}\r\nbody{background:var(--cream);color:var(--text-dark);font-family:'Noto Serif JP',serif;}\r\n\r\n\/* ===== SHARED HEADER ===== *\/\r\nheader{\r\n position:fixed;top:0;left:0;right:0;z-index:100;\r\n display:flex;align-items:center;justify-content:space-between;\r\n padding:20px 5%;\r\n background:rgba(251,248,244,0.92);\r\n backdrop-filter:blur(12px);\r\n border-bottom:0.5px solid rgba(168,135,96,0.15);\r\n}\r\n.logo{\r\n font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:300;\r\n letter-spacing:0.08em;color:var(--text-dark);text-decoration:none;\r\n display:flex;flex-direction:column;line-height:1.0;\r\n}\r\n.logo span.vi{font-size:28px;font-weight:300;}\r\n.logo span.wedding{font-size:13px;letter-spacing:0.5em;font-family:'Cinzel',serif;font-weight:300;color:var(--brown);margin-top:2px;}\r\nnav{display:flex;gap:36px;align-items:center;}\r\nnav a{\r\n font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.35em;\r\n color:var(--text-mid);text-decoration:none;transition:color 0.3s;\r\n}\r\nnav a:hover{color:var(--brown);}\r\nnav a.current{color:var(--brown);border-bottom:1px solid rgba(168,135,96,0.4);padding-bottom:2px;}\r\n.nav-contact{border:1px solid rgba(168,135,96,0.4);padding:8px 20px;color:var(--brown)!important;}\r\n.nav-contact:hover{background:rgba(168,135,96,0.06)!important;}\r\n\/* ===== SHARED FOOTER ===== *\/\r\nfooter{\r\n background:#2C2520;padding:60px 5%;\r\n display:flex;flex-direction:column;align-items:center;gap:32px;\r\n}\r\n.footer-logo{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:300;letter-spacing:0.1em;color:var(--beige);}\r\n.footer-nav{display:flex;gap:32px;flex-wrap:wrap;justify-content:center;}\r\n.footer-nav a{font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:rgba(245,237,224,0.4);text-decoration:none;transition:color 0.3s;}\r\n.footer-nav a:hover{color:var(--brown);}\r\n.footer-copy{font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.2em;color:rgba(245,237,224,0.2);}\r\n\r\n\/* PAGE HERO *\/\r\n.page-hero{\r\n padding:160px 5% 80px;text-align:center;\r\n background:linear-gradient(to bottom,var(--beige),var(--cream));\r\n}\r\n.page-hero-label{font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.5em;color:var(--brown);margin-bottom:16px;}\r\n.page-hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,6vw,64px);font-weight:300;color:var(--text-dark);}\r\n.page-hero-title em{font-style:italic;color:var(--brown);}\r\n\r\n\/* FILTER TABS \u2014 PHOTO \/ VIDEO \/ ALL *\/\r\n.filter-wrap{\r\n display:flex;justify-content:center;gap:0;\r\n margin:60px auto 56px;\r\n}\r\n.filter-btn{\r\n font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;\r\n padding:12px 36px;border:1px solid rgba(168,135,96,0.3);\r\n background:transparent;color:var(--text-mid);cursor:pointer;\r\n transition:all 0.3s;margin-right:-1px;\r\n}\r\n.filter-btn.active,.filter-btn:hover{\r\n background:var(--brown);color:#fff;border-color:var(--brown);z-index:1;\r\n}\r\n\r\n\/* ===== PHOTO MASONRY ===== *\/\r\n.gallery-wrap{max-width:1200px;margin:0 auto;padding:0 5% 80px;}\r\n\r\n.masonry{columns:3;column-gap:6px;}\r\n.masonry-item{\r\n break-inside:avoid;margin-bottom:6px;\r\n position:relative;overflow:hidden;background:#E8DDD2;cursor:pointer;\r\n}\r\n.masonry-item img{\r\n width:100%;height:auto;display:block;\r\n filter:brightness(0.93) contrast(1.04) saturate(0.88);\r\n transition:transform 0.7s,filter 0.5s;\r\n}\r\n.masonry-item:hover img{transform:scale(1.05);filter:brightness(1.0) contrast(1.05) saturate(1);}\r\n.masonry-item .item-overlay{\r\n position:absolute;inset:0;\r\n background:linear-gradient(to top,rgba(44,37,32,0.5) 0%,transparent 50%);\r\n opacity:0;transition:opacity 0.4s;\r\n display:flex;align-items:flex-end;padding:20px;\r\n}\r\n.masonry-item:hover .item-overlay{opacity:1;}\r\n.item-overlay-text{\r\n font-family:'Cinzel',serif;font-size:8px;letter-spacing:0.3em;color:#FBF8F4;\r\n}\r\n\r\n\/* \u30d7\u30ec\u30fc\u30b9\u30db\u30eb\u30c0\u30fc *\/\r\n.ph{\r\n display:flex;align-items:center;justify-content:center;\r\n}\r\n.ph span{font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:rgba(168,135,96,0.35);}\r\n\r\n\/* ===== VIDEO GRID ===== *\/\r\n.video-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:6px;\r\n}\r\n.video-item{\r\n position:relative;overflow:hidden;background:#1a1410;cursor:pointer;\r\n aspect-ratio:16\/9;\r\n}\r\n\/* \u30b5\u30e0\u30cd\u30a4\u30eb *\/\r\n.video-item .thumb{\r\n width:100%;height:100%;object-fit:cover;display:block;\r\n filter:brightness(0.7) saturate(0.8);\r\n transition:transform 0.6s,filter 0.4s;\r\n}\r\n.video-item:hover .thumb{transform:scale(1.04);filter:brightness(0.85) saturate(1);}\r\n\r\n\/* \u30b5\u30e0\u30cd\u30d7\u30ec\u30fc\u30b9\u30db\u30eb\u30c0\u30fc *\/\r\n.video-item .thumb-ph{\r\n width:100%;height:100%;\r\n display:flex;align-items:center;justify-content:center;\r\n}\r\n\r\n\/* \u518d\u751f\u30dc\u30bf\u30f3 *\/\r\n.play-btn{\r\n position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\r\n width:64px;height:64px;border-radius:50%;\r\n background:rgba(168,135,96,0.85);\r\n display:flex;align-items:center;justify-content:center;\r\n transition:all 0.3s;pointer-events:none;\r\n box-shadow:0 0 0 12px rgba(168,135,96,0.15);\r\n}\r\n.video-item:hover .play-btn{\r\n background:var(--brown);\r\n box-shadow:0 0 0 16px rgba(168,135,96,0.2);\r\n transform:translate(-50%,-50%) scale(1.08);\r\n}\r\n.play-btn svg{margin-left:4px;}\r\n\r\n\/* \u52d5\u753b\u30e9\u30d9\u30eb *\/\r\n.video-label{\r\n position:absolute;bottom:0;left:0;right:0;\r\n padding:48px 20px 16px;\r\n background:linear-gradient(to top,rgba(26,20,16,0.8) 0%,transparent 100%);\r\n}\r\n.video-label .video-title{\r\n font-family:'Noto Serif JP',serif;font-size:13px;font-weight:300;\r\n color:#F5F0E8;margin-bottom:4px;letter-spacing:0.05em;\r\n}\r\n.video-label .video-meta{\r\n font-family:'Cinzel',serif;font-size:8px;letter-spacing:0.3em;\r\n color:rgba(201,169,110,0.7);\r\n}\r\n\/* \u52d5\u753b\u30bf\u30a4\u30d7\u30d0\u30c3\u30b8 *\/\r\n.video-type{\r\n position:absolute;top:14px;left:14px;\r\n font-family:'Cinzel',serif;font-size:8px;letter-spacing:0.25em;\r\n color:#fff;background:rgba(168,135,96,0.75);\r\n padding:4px 10px;\r\n}\r\n\r\n\/* ===== \u5927\u30b5\u30a4\u30ba\u52d5\u753b\uff08\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u30c9\uff09 ===== *\/\r\n.video-featured{\r\n grid-column:span 2;\r\n aspect-ratio:21\/9;\r\n}\r\n.video-featured .play-btn{width:80px;height:80px;box-shadow:0 0 0 16px rgba(168,135,96,0.12);}\r\n\r\n\/* LOAD MORE *\/\r\n.load-more-wrap{text-align:center;padding:64px 0 80px;}\r\n.load-more{\r\n font-family:'Cinzel',serif;font-size:10px;letter-spacing:0.35em;\r\n color:var(--brown);background:transparent;\r\n border:1px solid rgba(168,135,96,0.4);padding:14px 44px;\r\n text-decoration:none;display:inline-block;cursor:pointer;\r\n transition:all 0.3s;\r\n}\r\n.load-more:hover{border-color:var(--brown);background:rgba(168,135,96,0.06);}\r\n\r\n\/* HIDDEN *\/\r\n.tab-pane{display:none;}\r\n.tab-pane.active{display:block;}\r\n\r\n@media(max-width:768px){\r\n header{padding:16px 5%;}\r\n nav{display:none;}\r\n .masonry{columns:2;}\r\n .video-grid{grid-template-columns:1fr;}\r\n .video-featured{grid-column:span 1;aspect-ratio:16\/9;}\r\n}\r\n@media(max-width:480px){.masonry{columns:1;}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<header>\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/\" class=\"logo\">\r\n <span class=\"vi\">vi vi<\/span>\r\n <span class=\"wedding\">w e d d i n g<\/span>\r\n <\/a>\r\n <nav>\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/\">TOP<\/a>\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=24\" class=\"current\">\u4f5c\u54c1\u4e00\u89a7<\/a>\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=29\">\u30d7\u30e9\u30f3<\/a>\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=21\">\u30d6\u30ed\u30b0<\/a>\r\n <a href=\"https:\/\/liberoa-wd.com\/\">Liberoa\u30b0\u30eb\u30fc\u30d7<\/a>\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/\" class=\"nav-contact\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\r\n <\/nav>\r\n<\/header>\r\n\r\n<div class=\"page-hero\">\r\n <p class=\"page-hero-label\">\u2726 GALLERY<\/p>\r\n <h1 class=\"page-hero-title\"><em>\u4f5c\u54c1<\/em>\u4e00\u89a7<\/h1>\r\n<\/div>\r\n\r\n\r\n<div class=\"filter-wrap\">\r\n <button class=\"filter-btn active\" data-tab=\"all\">ALL<\/button>\r\n <button class=\"filter-btn\" data-tab=\"photo\">PHOTO<\/button>\r\n <button class=\"filter-btn\" data-tab=\"video\">MOVIE<\/button>\r\n<\/div>\r\n\r\n<div class=\"gallery-wrap\">\r\n\r\n \r\n <div class=\"tab-pane active\" id=\"tab-all\">\r\n\r\n \r\n <div class=\"masonry\" style=\"margin-bottom:6px;\">\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC06159-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC01123-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC01557-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC05464-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC04354-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"video-grid\">\r\n <div class=\"video-item video-featured\">\r\n <div class=\"thumb-ph\" style=\"background:linear-gradient(135deg,#2C2016,#4A3828);\">\r\n <span style=\"font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:rgba(201,169,110,0.3);\">VIDEO THUMBNAIL<\/span>\r\n <\/div>\r\n <div class=\"video-type\">STORY FILM<\/div>\r\n <div class=\"play-btn\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\">\r\n <path d=\"M7 4L18 11L7 18V4Z\" fill=\"#fff\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"video-label\">\r\n <div class=\"video-title\">A\u3055\u3093\u30fbB\u3055\u3093\u306e\u30b9\u30c8\u30fc\u30ea\u30fc\u30d5\u30a3\u30eb\u30e0<\/div>\r\n <div class=\"video-meta\">STORY FILM \u00b7 2026.03<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"video-item\">\r\n <div class=\"thumb-ph\" style=\"background:linear-gradient(135deg,#3A2C20,#5A4030);\">\r\n <span style=\"font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:rgba(201,169,110,0.25);\">THUMBNAIL<\/span>\r\n <\/div>\r\n <div class=\"video-type\">SHORT FILM<\/div>\r\n <div class=\"play-btn\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M6 3.5L16 10L6 16.5V3.5Z\" fill=\"#fff\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"video-label\">\r\n <div class=\"video-title\">\u685c\u306e\u30b7\u30e7\u30fc\u30c8\u30d5\u30a3\u30eb\u30e0<\/div>\r\n <div class=\"video-meta\">SHORT FILM \u00b7 2026.04<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"video-item\">\r\n <div class=\"thumb-ph\" style=\"background:linear-gradient(135deg,#2E2218,#483420);\">\r\n <span style=\"font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:rgba(201,169,110,0.25);\">THUMBNAIL<\/span>\r\n <\/div>\r\n <div class=\"video-type\">HIGHLIGHT<\/div>\r\n <div class=\"play-btn\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M6 3.5L16 10L6 16.5V3.5Z\" fill=\"#fff\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"video-label\">\r\n <div class=\"video-title\">\u30cf\u30a4\u30e9\u30a4\u30c8\u30ea\u30fc\u30eb<\/div>\r\n <div class=\"video-meta\">HIGHLIGHT \u00b7 2025.12<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"tab-pane\" id=\"tab-photo\">\r\n <div class=\"masonry\">\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC06159-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC01123-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC01557-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC05464-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC04354-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tab-pane\" id=\"tab-video\">\r\n <div class=\"video-grid\">\r\n\r\n <div class=\"video-item video-featured\">\r\n <div class=\"thumb-ph\" style=\"background:linear-gradient(135deg,#2C2016,#4A3828);\">\r\n <span style=\"font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:rgba(201,169,110,0.3);\">VIDEO THUMBNAIL<\/span>\r\n <\/div>\r\n <div class=\"video-type\">STORY FILM<\/div>\r\n <div class=\"play-btn\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\">\r\n <path d=\"M7 4L18 11L7 18V4Z\" fill=\"#fff\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"video-label\">\r\n <div class=\"video-title\">A\u3055\u3093\u30fbB\u3055\u3093\u306e\u30b9\u30c8\u30fc\u30ea\u30fc\u30d5\u30a3\u30eb\u30e0<\/div>\r\n <div class=\"video-meta\">STORY FILM \u00b7 2026.03<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"video-item\">\r\n <div class=\"thumb-ph\" style=\"background:linear-gradient(135deg,#3A2C20,#5A4030);\">\r\n <span style=\"font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:rgba(201,169,110,0.25);\">THUMBNAIL<\/span>\r\n <\/div>\r\n <div class=\"video-type\">SHORT FILM<\/div>\r\n <div class=\"play-btn\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M6 3.5L16 10L6 16.5V3.5Z\" fill=\"#fff\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"video-label\">\r\n <div class=\"video-title\">\u685c\u306e\u30b7\u30e7\u30fc\u30c8\u30d5\u30a3\u30eb\u30e0<\/div>\r\n <div class=\"video-meta\">SHORT FILM \u00b7 2026.04<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"video-item\">\r\n <div class=\"thumb-ph\" style=\"background:linear-gradient(135deg,#2E2218,#483420);\">\r\n <span style=\"font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:rgba(201,169,110,0.25);\">THUMBNAIL<\/span>\r\n <\/div>\r\n <div class=\"video-type\">HIGHLIGHT<\/div>\r\n <div class=\"play-btn\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M6 3.5L16 10L6 16.5V3.5Z\" fill=\"#fff\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"video-label\">\r\n <div class=\"video-title\">\u30cf\u30a4\u30e9\u30a4\u30c8\u30ea\u30fc\u30eb<\/div>\r\n <div class=\"video-meta\">HIGHLIGHT \u00b7 2025.12<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"video-item\">\r\n <div class=\"thumb-ph\" style=\"background:linear-gradient(135deg,#342818,#503C28);\">\r\n <span style=\"font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:rgba(201,169,110,0.25);\">THUMBNAIL<\/span>\r\n <\/div>\r\n <div class=\"video-type\">STORY FILM<\/div>\r\n <div class=\"play-btn\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M6 3.5L16 10L6 16.5V3.5Z\" fill=\"#fff\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"video-label\">\r\n <div class=\"video-title\">C\u3055\u3093\u30fbD\u3055\u3093\u306e\u30b9\u30c8\u30fc\u30ea\u30fc\u30d5\u30a3\u30eb\u30e0<\/div>\r\n <div class=\"video-meta\">STORY FILM \u00b7 2025.11<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"load-more-wrap\">\r\n <a class=\"load-more\">\u3082\u3063\u3068\u898b\u308b \u2726<\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.querySelectorAll('.filter-btn').forEach(function(btn){\r\n btn.addEventListener('click',function(){\r\n var tab = this.getAttribute('data-tab');\r\n document.querySelectorAll('.filter-btn').forEach(function(b){b.classList.remove('active');});\r\n document.querySelectorAll('.tab-pane').forEach(function(p){p.classList.remove('active');});\r\n this.classList.add('active');\r\n document.getElementById('tab-'+tab).classList.add('active');\r\n });\r\n});\r\n<\/script>\r\n\r\n\r\n<footer>\r\n <div class=\"footer-logo\">vivi wedding<\/div>\r\n <nav class=\"footer-nav\">\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/\">TOP<\/a>\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=24\">\u4f5c\u54c1\u4e00\u89a7<\/a>\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=29\">\u30d7\u30e9\u30f3<\/a>\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=21\">\u30d6\u30ed\u30b0<\/a>\r\n <a href=\"https:\/\/liberoa-wd.com\/\">Liberoa\u30b0\u30eb\u30fc\u30d7<\/a>\r\n <\/nav>\r\n <p class=\"footer-copy\">\u00a9 vivi wedding All rights Reserved.<\/p>\r\n<\/footer>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u4f5c\u54c1\u4e00\u89a7 | vivi wedding vi vi w e d d i n g TOP \u4f5c\u54c1\u4e00\u89a7 \u30d7\u30e9\u30f3 \u30d6\u30ed\u30b0 Liberoa\u30b0\u30eb\u30fc\u30d7 \u304a\u554f\u3044\u5408\u308f\u305b \u2726 GALLERY \u4f5c\u54c1\u4e00\u89a7 ALL PHOTO MOVIE PHO […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24"}],"version-history":[{"count":11,"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\u4f5c\u54c1\u4e00\u89a7 | vivi wedding<\/title>\r\n<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=Cinzel:wght@300;400&family=Cormorant+Garamond:ital,wght@0,300;1,300;1,400&family=Noto+Serif+JP:wght@200;300;400&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\n:root{\r\n --cream:#FBF8F4;--beige:#F5EDE0;--brown:#A88760;\r\n --text-dark:#2C2520;--text-mid:#7A6A5A;--text-light:#B8A898;\r\n}\r\nbody{background:var(--cream);color:var(--text-dark);font-family:'Noto Serif JP',serif;}\r\n\r\n\/* ===== SHARED HEADER ===== *\/\r\nheader{\r\n position:fixed;top:0;left:0;right:0;z-index:100;\r\n display:flex;align-items:center;justify-content:space-between;\r\n padding:20px 5%;\r\n background:rgba(251,248,244,0.92);\r\n backdrop-filter:blur(12px);\r\n border-bottom:0.5px solid rgba(168,135,96,0.15);\r\n}\r\n.logo{\r\n font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:300;\r\n letter-spacing:0.08em;color:var(--text-dark);text-decoration:none;\r\n display:flex;flex-direction:column;line-height:1.0;\r\n}\r\n.logo span.vi{font-size:28px;font-weight:300;}\r\n.logo span.wedding{font-size:13px;letter-spacing:0.5em;font-family:'Cinzel',serif;font-weight:300;color:var(--brown);margin-top:2px;}\r\nnav{display:flex;gap:36px;align-items:center;}\r\nnav a{\r\n font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.35em;\r\n color:var(--text-mid);text-decoration:none;transition:color 0.3s;\r\n}\r\nnav a:hover{color:var(--brown);}\r\nnav a.current{color:var(--brown);border-bottom:1px solid rgba(168,135,96,0.4);padding-bottom:2px;}\r\n.nav-contact{border:1px solid rgba(168,135,96,0.4);padding:8px 20px;color:var(--brown)!important;}\r\n.nav-contact:hover{background:rgba(168,135,96,0.06)!important;}\r\n\/* ===== SHARED FOOTER ===== *\/\r\nfooter{\r\n background:#2C2520;padding:60px 5%;\r\n display:flex;flex-direction:column;align-items:center;gap:32px;\r\n}\r\n.footer-logo{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:300;letter-spacing:0.1em;color:var(--beige);}\r\n.footer-nav{display:flex;gap:32px;flex-wrap:wrap;justify-content:center;}\r\n.footer-nav a{font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:rgba(245,237,224,0.4);text-decoration:none;transition:color 0.3s;}\r\n.footer-nav a:hover{color:var(--brown);}\r\n.footer-copy{font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.2em;color:rgba(245,237,224,0.2);}\r\n\r\n\/* PAGE HERO *\/\r\n.page-hero{\r\n padding:160px 5% 80px;text-align:center;\r\n background:linear-gradient(to bottom,var(--beige),var(--cream));\r\n}\r\n.page-hero-label{font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.5em;color:var(--brown);margin-bottom:16px;}\r\n.page-hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,6vw,64px);font-weight:300;color:var(--text-dark);}\r\n.page-hero-title em{font-style:italic;color:var(--brown);}\r\n\r\n\/* FILTER TABS \u2014 PHOTO \/ VIDEO \/ ALL *\/\r\n.filter-wrap{\r\n display:flex;justify-content:center;gap:0;\r\n margin:60px auto 56px;\r\n}\r\n.filter-btn{\r\n font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;\r\n padding:12px 36px;border:1px solid rgba(168,135,96,0.3);\r\n background:transparent;color:var(--text-mid);cursor:pointer;\r\n transition:all 0.3s;margin-right:-1px;\r\n}\r\n.filter-btn.active,.filter-btn:hover{\r\n background:var(--brown);color:#fff;border-color:var(--brown);z-index:1;\r\n}\r\n\r\n\/* ===== PHOTO MASONRY ===== *\/\r\n.gallery-wrap{max-width:1200px;margin:0 auto;padding:0 5% 80px;}\r\n\r\n.masonry{columns:3;column-gap:6px;}\r\n.masonry-item{\r\n break-inside:avoid;margin-bottom:6px;\r\n position:relative;overflow:hidden;background:#E8DDD2;cursor:pointer;\r\n}\r\n.masonry-item img{\r\n width:100%;height:auto;display:block;\r\n filter:brightness(0.93) contrast(1.04) saturate(0.88);\r\n transition:transform 0.7s,filter 0.5s;\r\n}\r\n.masonry-item:hover img{transform:scale(1.05);filter:brightness(1.0) contrast(1.05) saturate(1);}\r\n.masonry-item .item-overlay{\r\n position:absolute;inset:0;\r\n background:linear-gradient(to top,rgba(44,37,32,0.5) 0%,transparent 50%);\r\n opacity:0;transition:opacity 0.4s;\r\n display:flex;align-items:flex-end;padding:20px;\r\n}\r\n.masonry-item:hover .item-overlay{opacity:1;}\r\n.item-overlay-text{\r\n font-family:'Cinzel',serif;font-size:8px;letter-spacing:0.3em;color:#FBF8F4;\r\n}\r\n\r\n\/* \u30d7\u30ec\u30fc\u30b9\u30db\u30eb\u30c0\u30fc *\/\r\n.ph{\r\n display:flex;align-items:center;justify-content:center;\r\n}\r\n.ph span{font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:rgba(168,135,96,0.35);}\r\n\r\n\/* ===== VIDEO GRID ===== *\/\r\n.video-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:6px;\r\n}\r\n.video-item{\r\n position:relative;overflow:hidden;background:#1a1410;cursor:pointer;\r\n aspect-ratio:16\/9;\r\n}\r\n\/* \u30b5\u30e0\u30cd\u30a4\u30eb *\/\r\n.video-item .thumb{\r\n width:100%;height:100%;object-fit:cover;display:block;\r\n filter:brightness(0.7) saturate(0.8);\r\n transition:transform 0.6s,filter 0.4s;\r\n}\r\n.video-item:hover .thumb{transform:scale(1.04);filter:brightness(0.85) saturate(1);}\r\n\r\n\/* \u30b5\u30e0\u30cd\u30d7\u30ec\u30fc\u30b9\u30db\u30eb\u30c0\u30fc *\/\r\n.video-item .thumb-ph{\r\n width:100%;height:100%;\r\n display:flex;align-items:center;justify-content:center;\r\n}\r\n\r\n\/* \u518d\u751f\u30dc\u30bf\u30f3 *\/\r\n.play-btn{\r\n position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\r\n width:64px;height:64px;border-radius:50%;\r\n background:rgba(168,135,96,0.85);\r\n display:flex;align-items:center;justify-content:center;\r\n transition:all 0.3s;pointer-events:none;\r\n box-shadow:0 0 0 12px rgba(168,135,96,0.15);\r\n}\r\n.video-item:hover .play-btn{\r\n background:var(--brown);\r\n box-shadow:0 0 0 16px rgba(168,135,96,0.2);\r\n transform:translate(-50%,-50%) scale(1.08);\r\n}\r\n.play-btn svg{margin-left:4px;}\r\n\r\n\/* \u52d5\u753b\u30e9\u30d9\u30eb *\/\r\n.video-label{\r\n position:absolute;bottom:0;left:0;right:0;\r\n padding:48px 20px 16px;\r\n background:linear-gradient(to top,rgba(26,20,16,0.8) 0%,transparent 100%);\r\n}\r\n.video-label .video-title{\r\n font-family:'Noto Serif JP',serif;font-size:13px;font-weight:300;\r\n color:#F5F0E8;margin-bottom:4px;letter-spacing:0.05em;\r\n}\r\n.video-label .video-meta{\r\n font-family:'Cinzel',serif;font-size:8px;letter-spacing:0.3em;\r\n color:rgba(201,169,110,0.7);\r\n}\r\n\/* \u52d5\u753b\u30bf\u30a4\u30d7\u30d0\u30c3\u30b8 *\/\r\n.video-type{\r\n position:absolute;top:14px;left:14px;\r\n font-family:'Cinzel',serif;font-size:8px;letter-spacing:0.25em;\r\n color:#fff;background:rgba(168,135,96,0.75);\r\n padding:4px 10px;\r\n}\r\n\r\n\/* ===== \u5927\u30b5\u30a4\u30ba\u52d5\u753b\uff08\u30d5\u30a3\u30fc\u30c1\u30e3\u30fc\u30c9\uff09 ===== *\/\r\n.video-featured{\r\n grid-column:span 2;\r\n aspect-ratio:21\/9;\r\n}\r\n.video-featured .play-btn{width:80px;height:80px;box-shadow:0 0 0 16px rgba(168,135,96,0.12);}\r\n\r\n\/* LOAD MORE *\/\r\n.load-more-wrap{text-align:center;padding:64px 0 80px;}\r\n.load-more{\r\n font-family:'Cinzel',serif;font-size:10px;letter-spacing:0.35em;\r\n color:var(--brown);background:transparent;\r\n border:1px solid rgba(168,135,96,0.4);padding:14px 44px;\r\n text-decoration:none;display:inline-block;cursor:pointer;\r\n transition:all 0.3s;\r\n}\r\n.load-more:hover{border-color:var(--brown);background:rgba(168,135,96,0.06);}\r\n\r\n\/* HIDDEN *\/\r\n.tab-pane{display:none;}\r\n.tab-pane.active{display:block;}\r\n\r\n@media(max-width:768px){\r\n header{padding:16px 5%;}\r\n nav{display:none;}\r\n .masonry{columns:2;}\r\n .video-grid{grid-template-columns:1fr;}\r\n .video-featured{grid-column:span 1;aspect-ratio:16\/9;}\r\n}\r\n@media(max-width:480px){.masonry{columns:1;}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<header>\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/\" class=\"logo\">\r\n <span class=\"vi\">vi vi<\/span>\r\n <span class=\"wedding\">w e d d i n g<\/span>\r\n <\/a>\r\n <nav>\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/\">TOP<\/a>\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=24\" class=\"current\">\u4f5c\u54c1\u4e00\u89a7<\/a>\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=29\">\u30d7\u30e9\u30f3<\/a>\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=21\">\u30d6\u30ed\u30b0<\/a>\r\n <a href=\"https:\/\/liberoa-wd.com\/\">Liberoa\u30b0\u30eb\u30fc\u30d7<\/a>\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/\" class=\"nav-contact\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\r\n <\/nav>\r\n<\/header>\r\n\r\n<div class=\"page-hero\">\r\n <p class=\"page-hero-label\">\u2726 GALLERY<\/p>\r\n <h1 class=\"page-hero-title\"><em>\u4f5c\u54c1<\/em>\u4e00\u89a7<\/h1>\r\n<\/div>\r\n\r\n\r\n<div class=\"filter-wrap\">\r\n <button class=\"filter-btn active\" data-tab=\"all\">ALL<\/button>\r\n <button class=\"filter-btn\" data-tab=\"photo\">PHOTO<\/button>\r\n <button class=\"filter-btn\" data-tab=\"video\">MOVIE<\/button>\r\n<\/div>\r\n\r\n<div class=\"gallery-wrap\">\r\n\r\n \r\n <div class=\"tab-pane active\" id=\"tab-all\">\r\n\r\n \r\n <div class=\"masonry\" style=\"margin-bottom:6px;\">\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC06159-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC01123-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC01557-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC05464-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC04354-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"video-grid\">\r\n <div class=\"video-item video-featured\">\r\n <div class=\"thumb-ph\" style=\"background:linear-gradient(135deg,#2C2016,#4A3828);\">\r\n <span style=\"font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:rgba(201,169,110,0.3);\">VIDEO THUMBNAIL<\/span>\r\n <\/div>\r\n <div class=\"video-type\">STORY FILM<\/div>\r\n <div class=\"play-btn\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\">\r\n <path d=\"M7 4L18 11L7 18V4Z\" fill=\"#fff\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"video-label\">\r\n <div class=\"video-title\">A\u3055\u3093\u30fbB\u3055\u3093\u306e\u30b9\u30c8\u30fc\u30ea\u30fc\u30d5\u30a3\u30eb\u30e0<\/div>\r\n <div class=\"video-meta\">STORY FILM \u00b7 2026.03<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"video-item\">\r\n <div class=\"thumb-ph\" style=\"background:linear-gradient(135deg,#3A2C20,#5A4030);\">\r\n <span style=\"font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:rgba(201,169,110,0.25);\">THUMBNAIL<\/span>\r\n <\/div>\r\n <div class=\"video-type\">SHORT FILM<\/div>\r\n <div class=\"play-btn\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M6 3.5L16 10L6 16.5V3.5Z\" fill=\"#fff\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"video-label\">\r\n <div class=\"video-title\">\u685c\u306e\u30b7\u30e7\u30fc\u30c8\u30d5\u30a3\u30eb\u30e0<\/div>\r\n <div class=\"video-meta\">SHORT FILM \u00b7 2026.04<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"video-item\">\r\n <div class=\"thumb-ph\" style=\"background:linear-gradient(135deg,#2E2218,#483420);\">\r\n <span style=\"font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:rgba(201,169,110,0.25);\">THUMBNAIL<\/span>\r\n <\/div>\r\n <div class=\"video-type\">HIGHLIGHT<\/div>\r\n <div class=\"play-btn\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M6 3.5L16 10L6 16.5V3.5Z\" fill=\"#fff\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"video-label\">\r\n <div class=\"video-title\">\u30cf\u30a4\u30e9\u30a4\u30c8\u30ea\u30fc\u30eb<\/div>\r\n <div class=\"video-meta\">HIGHLIGHT \u00b7 2025.12<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"tab-pane\" id=\"tab-photo\">\r\n <div class=\"masonry\">\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC06159-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC01123-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC01557-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC05464-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <div class=\"masonry-item\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/DSC04354-scaled.jpg\" alt=\"\" loading=\"lazy\"\/>\r\n <div class=\"item-overlay\"><div class=\"item-overlay-text\">PHOTO \u00b7 2026<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tab-pane\" id=\"tab-video\">\r\n <div class=\"video-grid\">\r\n\r\n <div class=\"video-item video-featured\">\r\n <div class=\"thumb-ph\" style=\"background:linear-gradient(135deg,#2C2016,#4A3828);\">\r\n <span style=\"font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:rgba(201,169,110,0.3);\">VIDEO THUMBNAIL<\/span>\r\n <\/div>\r\n <div class=\"video-type\">STORY FILM<\/div>\r\n <div class=\"play-btn\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\">\r\n <path d=\"M7 4L18 11L7 18V4Z\" fill=\"#fff\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"video-label\">\r\n <div class=\"video-title\">A\u3055\u3093\u30fbB\u3055\u3093\u306e\u30b9\u30c8\u30fc\u30ea\u30fc\u30d5\u30a3\u30eb\u30e0<\/div>\r\n <div class=\"video-meta\">STORY FILM \u00b7 2026.03<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"video-item\">\r\n <div class=\"thumb-ph\" style=\"background:linear-gradient(135deg,#3A2C20,#5A4030);\">\r\n <span style=\"font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:rgba(201,169,110,0.25);\">THUMBNAIL<\/span>\r\n <\/div>\r\n <div class=\"video-type\">SHORT FILM<\/div>\r\n <div class=\"play-btn\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M6 3.5L16 10L6 16.5V3.5Z\" fill=\"#fff\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"video-label\">\r\n <div class=\"video-title\">\u685c\u306e\u30b7\u30e7\u30fc\u30c8\u30d5\u30a3\u30eb\u30e0<\/div>\r\n <div class=\"video-meta\">SHORT FILM \u00b7 2026.04<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"video-item\">\r\n <div class=\"thumb-ph\" style=\"background:linear-gradient(135deg,#2E2218,#483420);\">\r\n <span style=\"font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:rgba(201,169,110,0.25);\">THUMBNAIL<\/span>\r\n <\/div>\r\n <div class=\"video-type\">HIGHLIGHT<\/div>\r\n <div class=\"play-btn\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M6 3.5L16 10L6 16.5V3.5Z\" fill=\"#fff\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"video-label\">\r\n <div class=\"video-title\">\u30cf\u30a4\u30e9\u30a4\u30c8\u30ea\u30fc\u30eb<\/div>\r\n <div class=\"video-meta\">HIGHLIGHT \u00b7 2025.12<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"video-item\">\r\n <div class=\"thumb-ph\" style=\"background:linear-gradient(135deg,#342818,#503C28);\">\r\n <span style=\"font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:rgba(201,169,110,0.25);\">THUMBNAIL<\/span>\r\n <\/div>\r\n <div class=\"video-type\">STORY FILM<\/div>\r\n <div class=\"play-btn\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M6 3.5L16 10L6 16.5V3.5Z\" fill=\"#fff\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"video-label\">\r\n <div class=\"video-title\">C\u3055\u3093\u30fbD\u3055\u3093\u306e\u30b9\u30c8\u30fc\u30ea\u30fc\u30d5\u30a3\u30eb\u30e0<\/div>\r\n <div class=\"video-meta\">STORY FILM \u00b7 2025.11<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"load-more-wrap\">\r\n <a class=\"load-more\">\u3082\u3063\u3068\u898b\u308b \u2726<\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.querySelectorAll('.filter-btn').forEach(function(btn){\r\n btn.addEventListener('click',function(){\r\n var tab = this.getAttribute('data-tab');\r\n document.querySelectorAll('.filter-btn').forEach(function(b){b.classList.remove('active');});\r\n document.querySelectorAll('.tab-pane').forEach(function(p){p.classList.remove('active');});\r\n this.classList.add('active');\r\n document.getElementById('tab-'+tab).classList.add('active');\r\n });\r\n});\r\n<\/script>\r\n\r\n\r\n<footer>\r\n <div class=\"footer-logo\">vivi wedding<\/div>\r\n <nav class=\"footer-nav\">\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/\">TOP<\/a>\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=24\">\u4f5c\u54c1\u4e00\u89a7<\/a>\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=29\">\u30d7\u30e9\u30f3<\/a>\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=21\">\u30d6\u30ed\u30b0<\/a>\r\n <a href=\"https:\/\/liberoa-wd.com\/\">Liberoa\u30b0\u30eb\u30fc\u30d7<\/a>\r\n <\/nav>\r\n <p class=\"footer-copy\">\u00a9 vivi wedding All rights Reserved.<\/p>\r\n<\/footer>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u4f5c\u54c1\u4e00\u89a7 | vivi wedding vi vi w e d d i n g TOP \u4f5c\u54c1\u4e00\u89a7 \u30d7\u30e9\u30f3 \u30d6\u30ed\u30b0 Liberoa\u30b0\u30eb\u30fc\u30d7 \u304a\u554f\u3044\u5408\u308f\u305b \u2726 GALLERY \u4f5c\u54c1\u4e00\u89a7 ALL PHOTO MOVIE PHO […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24"}],"version-history":[{"count":11,"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}