vivi wedding | \u30a6\u30a7\u30c7\u30a3\u30f3\u30b0\u30d5\u30a9\u30c8 & \u30d5\u30a3\u30eb\u30e0<\/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;0,400;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;\r\n --beige:#F5EDE0;\r\n --brown:#A88760;\r\n --brown-light:rgba(168,135,96,0.25);\r\n --brown-muted:rgba(168,135,96,0.5);\r\n --text-dark:#2C2520;\r\n --text-mid:#7A6A5A;\r\n --text-light:#B8A898;\r\n}\r\nhtml{scroll-behavior:smooth;}\r\nbody{background:var(--cream);color:var(--text-dark);font-family:'Noto Serif JP',serif;}\r\n\r\n\/* ===== HEADER \/ NAV ===== *\/\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.85);\r\n backdrop-filter:blur(12px);\r\n border-bottom:0.5px solid rgba(168,135,96,0.15);\r\n transition:padding 0.4s;\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\n.nav-contact{\r\n border:1px solid rgba(168,135,96,0.4);padding:8px 20px;\r\n color:var(--brown)!important;\r\n}\r\n.nav-contact:hover{background:rgba(168,135,96,0.06)!important;}\r\n\r\n\/* ===== HERO ===== *\/\r\n.hero{\r\n position:relative;min-height:100vh;\r\n display:flex;align-items:center;justify-content:center;\r\n overflow:hidden;\r\n \/* \u52d5\u753b\u30ed\u30fc\u30c9\u524d\u306e\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u80cc\u666f\uff08\u30d9\u30fc\u30b8\u30e5\u7cfb\uff09 *\/\r\n background:#E8DDD2;\r\n}\r\n\/* \u52d5\u753b\u80cc\u666f \u2014 \u30eb\u30fc\u30d7\u30fb\u81ea\u52d5\u518d\u751f\u30fb\u30df\u30e5\u30fc\u30c8 *\/\r\n.hero-video{\r\n position:absolute;inset:0;width:100%;height:100%;\r\n object-fit:cover;object-position:center;\r\n pointer-events:none;\r\n \/* \u5f69\u5ea6\u3092\u5c11\u3057\u843d\u3068\u3057\u3066\u8272\u304b\u3076\u308a\u3092\u6291\u5236 *\/\r\n filter:saturate(0.88) brightness(1.0);\r\n}\r\n\/*\r\n \u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u8a2d\u8a08\uff1a\r\n \u660e\u308b\u3044\u81ea\u7136\u5149\u6620\u50cf\u306a\u306e\u3067\u6697\u304f\u3057\u3059\u304e\u305a\u3001\r\n \u30c6\u30ad\u30b9\u30c8\u304c\u6d6e\u3044\u3066\u898b\u3048\u308b\u3088\u3046\u4e0b\u90e8\u3060\u3051\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3002\r\n \u4e0a\u90e8\u306f\u8584\u3044\u30af\u30ea\u30fc\u30e0\u639b\u3051\u3067\u30ed\u30b4\u30a8\u30ea\u30a2\u306b\u30d9\u30fc\u30eb\u3092\u304b\u3051\u308b\u3002\r\n*\/\r\n.hero-video-overlay{\r\n position:absolute;inset:0;z-index:1;\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n rgba(251,248,244,0.30) 0%, \/* \u4e0a\u90e8\uff1a\u30af\u30ea\u30fc\u30e0\u304c\u304b\u3063\u305f\u8584\u30d9\u30fc\u30eb *\/\r\n rgba(251,248,244,0.08) 35%,\r\n rgba(44,37,32,0.0) 55%,\r\n rgba(44,37,32,0.38) 100% \/* \u4e0b\u90e8\uff1a\u30c6\u30ad\u30b9\u30c8\u8aad\u307f\u3084\u3059\u3055\u78ba\u4fdd *\/\r\n );\r\n}\r\n\r\n\/* \u30c6\u30ad\u30b9\u30c8\u306f\u6697\u8272 \u2014 \u52d5\u753b\u304c\u660e\u308b\u3044\u306e\u3067\u30c0\u30fc\u30af\u30c6\u30ad\u30b9\u30c8\u306b\u623b\u3059 *\/\r\n.hero-content{\r\n position:relative;z-index:2;text-align:center;padding:0 24px;\r\n animation:fade-in-up 1.2s ease 0.2s both;\r\n}\r\n@keyframes fade-in-up{\r\n from{opacity:0;transform:translateY(30px);}\r\n to{opacity:1;transform:translateY(0);}\r\n}\r\n.hero-label{\r\n font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.5em;color:var(--brown);\r\n display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px;\r\n}\r\n.hero-label::before,.hero-label::after{\r\n content:'';width:48px;height:0.5px;background:rgba(168,135,96,0.5);display:block;\r\n}\r\n.hero-logo-main{\r\n font-family:'Cormorant Garamond',serif;font-weight:300;\r\n font-size:clamp(64px,12vw,108px);letter-spacing:0.15em;\r\n \/* \u660e\u308b\u3044\u6620\u50cf\u306e\u4e0a\u3067\u3082\u8aad\u3081\u308b\u3088\u3046\u5f71\u3092\u8ffd\u52a0 *\/\r\n color:var(--text-dark);line-height:0.85;\r\n margin-bottom:8px;\r\n text-shadow:0 1px 20px rgba(251,248,244,0.8), 0 4px 48px rgba(251,248,244,0.6);\r\n}\r\n.hero-logo-main .vi-1{display:block;position:relative;}\r\n.hero-logo-main .vi-2{display:block;position:relative;padding-left:0.6em;}\r\n.hero-logo-main .dot{\r\n display:inline-block;width:6px;height:6px;border-radius:50%;\r\n background:var(--brown);margin-bottom:4px;vertical-align:top;margin-top:12px;margin-right:1px;\r\n}\r\n.hero-logo-sub{\r\n font-family:'Cinzel',serif;font-size:clamp(12px,2vw,16px);\r\n letter-spacing:0.7em;color:var(--brown);font-weight:300;\r\n margin-bottom:40px;\r\n text-shadow:0 1px 12px rgba(251,248,244,0.7);\r\n}\r\n.hero-tagline{\r\n font-size:clamp(13px,1.8vw,16px);letter-spacing:0.25em;\r\n color:var(--text-dark);margin-bottom:16px;line-height:2;\r\n text-shadow:0 1px 12px rgba(251,248,244,0.9);\r\n}\r\n.hero-sub-tagline{\r\n font-size:12px;letter-spacing:0.2em;color:var(--text-mid);margin-bottom:56px;\r\n text-shadow:0 1px 8px rgba(251,248,244,0.9);\r\n}\r\n.hero-cta{\r\n font-family:'Cinzel',serif;font-size:10px;letter-spacing:0.35em;\r\n color:#fff;background:var(--brown);\r\n padding:16px 52px;text-decoration:none;display:inline-block;\r\n clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);\r\n box-shadow:0 8px 32px rgba(168,135,96,0.35);\r\n transition:all 0.3s;\r\n}\r\n.hero-cta:hover{background:#C0A070;transform:translateY(-2px);box-shadow:0 12px 40px rgba(168,135,96,0.5);}\r\n\r\n\/* \u30b9\u30af\u30ed\u30fc\u30eb\u30d2\u30f3\u30c8 *\/\r\n.scroll-hint{\r\n position:absolute;bottom:40px;left:50%;transform:translateX(-50%);\r\n display:flex;flex-direction:column;align-items:center;gap:8px;\r\n font-family:'Cinzel',serif;font-size:8px;letter-spacing:0.4em;color:var(--text-mid);\r\n z-index:2;\r\n}\r\n.scroll-line{\r\n width:1px;height:48px;background:linear-gradient(to bottom,var(--brown),transparent);\r\n animation:scroll-drop 2s ease infinite;\r\n}\r\n@keyframes scroll-drop{\r\n 0%{transform:scaleY(0);transform-origin:top;opacity:1;}\r\n 50%{transform:scaleY(1);transform-origin:top;opacity:1;}\r\n 51%{transform-origin:bottom;}\r\n 100%{transform:scaleY(0);transform-origin:bottom;opacity:0;}\r\n}\r\n\r\n\/* ===== SECTION WRAPPER ===== *\/\r\nsection{padding:120px 0;}\r\n.section-inner{max-width:1100px;margin:0 auto;padding:0 5%;}\r\n.section-label{\r\n font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.5em;color:var(--brown);\r\n margin-bottom:16px;\r\n}\r\n.section-title{\r\n font-family:'Cormorant Garamond',serif;font-size:clamp(28px,4vw,44px);\r\n font-weight:300;color:var(--text-dark);line-height:1.4;margin:0;\r\n}\r\n.section-title em{font-style:italic;color:var(--brown);}\r\n.divider{width:48px;height:1px;background:rgba(168,135,96,0.3);margin:28px 0;}\r\n\r\n\/* ===== CONCEPT ===== *\/\r\n.concept-grid{\r\n display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;\r\n}\r\n.concept-img-wrap{\r\n position:relative;overflow:hidden;\r\n border:1px solid rgba(168,135,96,0.15);\r\n}\r\n.concept-img-wrap img{\r\n width:100%;display:block;\r\n filter:brightness(0.95) contrast(1.05) saturate(0.9);\r\n transition:transform 0.8s;\r\n}\r\n.concept-img-wrap:hover img{transform:scale(1.04);}\r\n.concept-img-overlay{\r\n position:absolute;inset:0;\r\n background:linear-gradient(to top,rgba(44,37,32,0.4) 0%,transparent 50%);\r\n pointer-events:none;\r\n}\r\n.concept-img-label{\r\n position:absolute;bottom:16px;left:16px;\r\n font-family:'Cinzel',serif;font-size:8px;letter-spacing:0.3em;\r\n color:rgba(251,248,244,0.7);\r\n}\r\n.corner{position:absolute;width:24px;height:24px;pointer-events:none;}\r\n.corner-tl{top:10px;left:10px;border-top:1px solid rgba(168,135,96,0.5);border-left:1px solid rgba(168,135,96,0.5);}\r\n.corner-br{bottom:10px;right:10px;border-bottom:1px solid rgba(168,135,96,0.5);border-right:1px solid rgba(168,135,96,0.5);}\r\n\r\n.concept-text p.body{\r\n font-size:14px;line-height:2.5;color:var(--text-mid);margin-bottom:32px;\r\n}\r\n.concept-badge{\r\n display:inline-flex;align-items:center;gap:10px;\r\n border:1px solid rgba(168,135,96,0.3);padding:10px 20px;\r\n}\r\n.concept-badge span{\r\n font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:var(--brown);\r\n}\r\n\r\n\/* ===== SERVICES ===== *\/\r\n.services-section{background:#fff;}\r\n.services-header{text-align:center;margin-bottom:64px;}\r\n.services-grid{\r\n display:grid;grid-template-columns:repeat(3,1fr);\r\n gap:1px;background:rgba(168,135,96,0.1);\r\n}\r\n.service-card{\r\n background:#fff;padding:52px 36px;\r\n position:relative;overflow:hidden;\r\n transition:background 0.4s,transform 0.3s;\r\n border-left:2px solid transparent;\r\n}\r\n.service-card:hover{\r\n background:var(--cream);transform:translateY(-4px);\r\n border-left-color:var(--brown);\r\n}\r\n.service-num{\r\n position:absolute;top:16px;right:20px;\r\n font-family:'Cormorant Garamond',serif;font-size:72px;font-weight:300;\r\n color:rgba(168,135,96,0.06);line-height:1;pointer-events:none;\r\n}\r\n.service-icon{\r\n width:48px;height:48px;border:1px solid rgba(168,135,96,0.3);\r\n display:flex;align-items:center;justify-content:center;margin-bottom:24px;\r\n}\r\n.service-card h3{\r\n font-family:'Cinzel',serif;font-size:11px;letter-spacing:0.2em;\r\n color:var(--brown);font-weight:400;margin:0 0 14px;\r\n}\r\n.service-card p{font-size:13px;line-height:2.2;color:var(--text-mid);}\r\n\r\n\/* ===== GALLERY ===== *\/\r\n.gallery-section{background:var(--beige);}\r\n.gallery-header{text-align:center;margin-bottom:56px;}\r\n.gallery-grid{\r\n display:grid;\r\n grid-template-columns:1.6fr 1fr 1fr;\r\n grid-template-rows:280px 240px;\r\n gap:4px;margin-bottom:48px;\r\n}\r\n.gallery-item{overflow:hidden;position:relative;background:#E8DDD2;}\r\n.gallery-item:first-child{grid-row:span 2;}\r\n.gallery-item img{\r\n width:100%;height:100%;object-fit:cover;display:block;\r\n filter:brightness(0.9) contrast(1.05) saturate(0.85);\r\n transition:transform 0.8s,filter 0.6s;\r\n}\r\n.gallery-item:hover img{\r\n transform:scale(1.06);\r\n filter:brightness(1.0) contrast(1.05) saturate(1);\r\n}\r\n.gallery-center{text-align:center;}\r\n.gallery-btn{\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;transition:all 0.3s;\r\n}\r\n.gallery-btn:hover{border-color:var(--brown);background:rgba(168,135,96,0.06);}\r\n\r\n\/* ===== CONTACT ===== *\/\r\n.contact-section{background:var(--cream);}\r\n.contact-inner{\r\n text-align:center;position:relative;\r\n max-width:700px;margin:0 auto;padding:0 5%;\r\n}\r\n.contact-glow{\r\n position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\r\n width:500px;height:300px;\r\n background:radial-gradient(ellipse,rgba(168,135,96,0.06) 0%,transparent 70%);\r\n pointer-events:none;\r\n}\r\n.contact-inner .section-title{margin-bottom:16px;}\r\n.contact-sub{\r\n font-size:13px;letter-spacing:0.2em;color:var(--text-light);\r\n margin-bottom:48px;\r\n}\r\n.contact-cta{\r\n font-family:'Cinzel',serif;font-size:10px;letter-spacing:0.35em;\r\n color:#fff;background:var(--brown);padding:16px 52px;\r\n text-decoration:none;display:inline-block;\r\n clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);\r\n box-shadow:0 8px 32px rgba(168,135,96,0.2);\r\n transition:all 0.3s;\r\n}\r\n.contact-cta:hover{background:#C0A070;transform:translateY(-2px);}\r\n.contact-ig{\r\n margin-top:28px;\r\n font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;\r\n color:var(--text-light);text-decoration:none;\r\n border-bottom:1px solid rgba(168,135,96,0.2);padding-bottom:2px;\r\n transition:all 0.3s;\r\n}\r\n.contact-ig:hover{color:var(--brown);border-color:rgba(168,135,96,0.4);}\r\n\r\n\/* ===== FOOTER ===== *\/\r\nfooter{\r\n background:var(--text-dark);\r\n padding:60px 5%;\r\n display:flex;flex-direction:column;align-items:center;gap:32px;\r\n}\r\n.footer-logo{\r\n font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:300;\r\n letter-spacing:0.1em;color:var(--beige);\r\n}\r\n.footer-nav{\r\n display:flex;gap:32px;flex-wrap:wrap;justify-content:center;\r\n}\r\n.footer-nav a{\r\n font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;\r\n color:rgba(245,237,224,0.4);text-decoration:none;transition:color 0.3s;\r\n}\r\n.footer-nav a:hover{color:var(--brown);}\r\n.footer-copy{\r\n font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.2em;\r\n color:rgba(245,237,224,0.2);\r\n}\r\n\r\n\/* ===== SEPARATOR ===== *\/\r\n.ornament{\r\n text-align:center;padding:0;\r\n font-family:'Cormorant Garamond',serif;font-size:20px;\r\n color:rgba(168,135,96,0.3);letter-spacing:8px;\r\n}\r\n\r\n\/* ===== BLOG ===== *\/\r\n.blog-section{background:#fff;padding:120px 0;}\r\n.blog-header{text-align:center;margin-bottom:56px;}\r\n.blog-grid-top{\r\n display:grid;grid-template-columns:repeat(3,1fr);\r\n gap:2px;background:rgba(168,135,96,0.08);\r\n margin-bottom:44px;\r\n}\r\n.blog-card-top{\r\n background:#fff;overflow:hidden;\r\n transition:background 0.3s,transform 0.3s;text-decoration:none;display:block;\r\n}\r\n.blog-card-top:hover{background:var(--cream);transform:translateY(-3px);}\r\n.blog-card-img{\r\n overflow:hidden;background:var(--beige);\r\n aspect-ratio:4\/3;\r\n}\r\n.blog-card-img img{\r\n width:100%;height:100%;object-fit:cover;display:block;\r\n filter:brightness(0.92) saturate(0.88);\r\n transition:transform 0.7s,filter 0.5s;\r\n}\r\n.blog-card-top:hover .blog-card-img img{transform:scale(1.05);filter:brightness(1.0) saturate(1);}\r\n\/* \u753b\u50cf\u306a\u3057\u30d7\u30ec\u30fc\u30b9\u30db\u30eb\u30c0\u30fc *\/\r\n.blog-card-img-ph{\r\n width:100%;height:100%;\r\n background:linear-gradient(135deg,var(--beige),#D4C4B0);\r\n display:flex;align-items:center;justify-content:center;\r\n}\r\n.blog-card-img-ph span{font-family:'Cinzel',serif;font-size:8px;letter-spacing:0.3em;color:rgba(168,135,96,0.35);}\r\n.blog-card-body{padding:24px 28px 32px;}\r\n.blog-card-cat{\r\n font-family:'Cinzel',serif;font-size:8px;letter-spacing:0.4em;\r\n color:var(--brown);margin-bottom:8px;\r\n}\r\n.blog-card-date{font-size:11px;color:var(--text-light);letter-spacing:0.1em;margin-bottom:10px;}\r\n.blog-card-title{\r\n font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:300;\r\n color:var(--text-dark);line-height:1.6;margin-bottom:10px;\r\n}\r\n.blog-card-excerpt{font-size:12px;line-height:2.0;color:var(--text-mid);}\r\n.blog-more-wrap{text-align:center;}\r\n.blog-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;transition:all 0.3s;\r\n}\r\n.blog-more:hover{border-color:var(--brown);background:rgba(168,135,96,0.06);}\r\n\r\n\/* ===== MOBILE ===== *\/\r\n@media(max-width:768px){\r\n header{padding:16px 5%;}\r\n nav{display:none;}\r\n .concept-grid{grid-template-columns:1fr;gap:40px;}\r\n .services-grid{grid-template-columns:1fr;}\r\n .gallery-grid{\r\n grid-template-columns:1fr 1fr;\r\n grid-template-rows:auto;\r\n }\r\n .gallery-item:first-child{grid-column:span 2;grid-row:span 1;height:260px;}\r\n .gallery-item:not(:first-child){height:180px;}\r\n .blog-grid-top{grid-template-columns:1fr;}\r\n}\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\">\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=\"#contact\" class=\"nav-contact\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\r\n <\/nav>\r\n<\/header>\r\n\r\n\r\n<div class=\"hero\">\r\n\r\n \r\n <video class=\"hero-video\"\r\n src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/06021.mp4\"\r\n autoplay muted loop playsinline\r\n preload=\"auto\">\r\n <\/video>\r\n\r\n \r\n <div class=\"hero-video-overlay\"><\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-label\">WEDDING PHOTO & FILM<\/div>\r\n\r\n <div class=\"hero-logo-main\">\r\n <span class=\"vi-1\"><span class=\"dot\"><\/span>vi<\/span>\r\n <span class=\"vi-2\"><span class=\"dot\"><\/span>Vi<\/span>\r\n <\/div>\r\n <div class=\"hero-logo-sub\">w e d d i n g<\/div>\r\n\r\n <p class=\"hero-tagline\">\u3075\u305f\u308a\u3060\u3051\u306e\u3001\u7279\u5225\u306a\u4e00\u65e5\u3092\u3002<\/p>\r\n <p class=\"hero-sub-tagline\">\u81ea\u7136\u5149\u306e\u4e2d\u3067\u7d21\u304c\u308c\u308b\u3001\u6c38\u9060\u306e\u8a18\u61b6\u3002<\/p>\r\n\r\n <a href=\"#contact\" class=\"hero-cta\">\u524d\u64ae\u308a\u306b\u3064\u3044\u3066\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\r\n <\/div>\r\n\r\n <div class=\"scroll-hint\">\r\n <span>SCROLL<\/span>\r\n <div class=\"scroll-line\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section>\r\n <div class=\"section-inner\">\r\n <div class=\"concept-grid\">\r\n <div class=\"concept-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/20251105-61-scaled.jpg\"\r\n alt=\"vivi wedding \u30b3\u30f3\u30bb\u30d7\u30c8\"\r\n style=\"width:100%;display:block;filter:brightness(0.95) contrast(1.05) saturate(0.9);transition:transform 0.8s;\"\r\n onmouseover=\"this.style.transform='scale(1.04)'\"\r\n onmouseout=\"this.style.transform='scale(1)'\"\/>\r\n <div class=\"concept-img-overlay\"><\/div>\r\n <p class=\"concept-img-label\">NATURAL LIGHT \u00b7 DAYTIME<\/p>\r\n <div class=\"corner corner-tl\"><\/div>\r\n <div class=\"corner corner-br\"><\/div>\r\n <\/div>\r\n <div class=\"concept-text\">\r\n <p class=\"section-label\">\u2726 CONCEPT<\/p>\r\n <h2 class=\"section-title\">\r\n \u5149\u306b\u5305\u307e\u308c\u305f\u3001<br><em>\u3084\u308f\u3089\u304b\u306a\u77ac\u9593<\/em>\u3092<br>\u3075\u305f\u308a\u3060\u3051\u306e<br>\u7269\u8a9e\u3078\u3002\r\n <\/h2>\r\n <div class=\"divider\"><\/div>\r\n <p class=\"body\" style=\"font-size:14px;line-height:2.5;color:var(--text-mid);margin-bottom:32px;\">\r\n vivi wedding\u306f\u3001\u81ea\u7136\u5149\u304c\u7f8e\u3057\u304f\u5dee\u3057\u8fbc\u3080\u30ed\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u3001<br>\r\n \u304a\u3075\u305f\u308a\u306e\u300c\u4eca\u300d\u3092\u305d\u306e\u307e\u307e\u306b\u5207\u308a\u53d6\u308a\u307e\u3059\u3002<br><br>\r\n \u30c9\u30ec\u30b9\u3092\u307e\u3068\u3063\u305f\u30d7\u30ea\u30f3\u30bb\u30b9\u306e\u3088\u3046\u306a1\u65e5\u3002<br>\r\n \u305d\u306e\u7b11\u9854\u3001\u305d\u306e\u7a7a\u6c17\u3001\u305d\u306e\u6e29\u3082\u308a\u3092\u2014\u2014<br>\r\n \u5199\u771f\u3068\u6620\u50cf\u3067\u3001\u6c38\u9060\u306b\u6b8b\u3057\u307e\u3059\u3002\r\n <\/p>\r\n <div class=\"concept-badge\">\r\n <span>\u2726 PHOTO & MOVIE \u00b7 DAYTIME AVAILABLE<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"services-section\">\r\n <div class=\"section-inner\">\r\n <div class=\"services-header\">\r\n <p class=\"section-label\">\u2726 OUR SERVICE<\/p>\r\n <h2 class=\"section-title\">\r\n \u3059\u3079\u3066\u306e\u77ac\u9593\u3092\u3001<br><em>\u552f\u4e00\u7121\u4e8c<\/em>\u306e\u304b\u305f\u3061\u3067\u3002\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"services-grid\">\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-num\">01<\/div>\r\n <div class=\"service-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M10 1L12 7.5H19L13.5 11.5L15.5 18L10 14L4.5 18L6.5 11.5L1 7.5H8L10 1Z\" stroke=\"#A88760\" stroke-width=\"0.8\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>MEMORY DESIGN<\/h3>\r\n <p>\u4f55\u5341\u5e74\u5f8c\u3082\u8272\u3042\u305b\u306a\u3044\u3001\u8a18\u61b6\u306b\u6b8b\u308b\u4f5c\u54c1\u3092\u3002\u304a\u3075\u305f\u308a\u306e\u5927\u5207\u306a1\u65e5\u3092\u3001\u4e01\u5be7\u306a\u64ae\u5f71\u3068\u7de8\u96c6\u3067\u30a2\u30fc\u30c8\u4f5c\u54c1\u3068\u3057\u3066\u4ed5\u4e0a\u3052\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-num\">02<\/div>\r\n <div class=\"service-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <circle cx=\"10\" cy=\"8\" r=\"5\" stroke=\"#A88760\" stroke-width=\"0.8\"\/>\r\n <path d=\"M4 18c0-3.3 2.7-6 6-6s6 2.7 6 6\" stroke=\"#A88760\" stroke-width=\"0.8\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>PRINCESS DAY<\/h3>\r\n <p>\u30c9\u30ec\u30b9\u3092\u307e\u3068\u3044\u3001\u82b1\u306b\u56f2\u307e\u308c\u3001\u5149\u306e\u4e2d\u3067\u8f1d\u304f1\u65e5\u3092\u3002\u30d8\u30a2\u30e1\u30a4\u30af\u304b\u3089\u64ae\u5f71\u307e\u3067\u3001\u30d7\u30ea\u30f3\u30bb\u30b9\u306e\u3088\u3046\u306a\u4f53\u9a13\u3092\u3054\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-num\">03<\/div>\r\n <div class=\"service-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <rect x=\"2\" y=\"4\" width=\"16\" height=\"12\" rx=\"1\" stroke=\"#A88760\" stroke-width=\"0.8\"\/>\r\n <path d=\"M8 8L13 11L8 14V8Z\" stroke=\"#A88760\" stroke-width=\"0.8\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>STORY FILM<\/h3>\r\n <p>\u3075\u305f\u308a\u306e\u51fa\u4f1a\u3044\u304b\u3089\u7d50\u5a5a\u307e\u3067\u306e\u7269\u8a9e\u3092\u3001\u6620\u753b\u306e\u3088\u3046\u306a\u6620\u50cf\u306b\u3002\u5fc3\u306b\u6b8b\u308b\"\u4eba\u751f\u306e\u4e00\u672c\"\u3092\u3001\u3084\u3055\u3057\u3044\u5149\u3068\u3068\u3082\u306b\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"gallery-section\">\r\n <div class=\"section-inner\">\r\n <div class=\"gallery-header\">\r\n <p class=\"section-label\">\u2726 GALLERY<\/p>\r\n <h2 class=\"section-title\"><em>\u4f5c\u54c1<\/em>\u4e00\u89a7<\/h2>\r\n <\/div>\r\n\r\n <div class=\"gallery-grid\">\r\n <div class=\"gallery-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>\r\n <div class=\"gallery-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>\r\n <div class=\"gallery-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>\r\n <div class=\"gallery-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>\r\n <div class=\"gallery-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>\r\n <\/div>\r\n\r\n <div class=\"gallery-center\">\r\n <a href=\"#\" class=\"gallery-btn\">\u3082\u3063\u3068\u898b\u308b \u2726<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"blog-section\">\r\n <div class=\"section-inner\">\r\n <div class=\"blog-header\">\r\n <p class=\"section-label\">\u2726 BLOG<\/p>\r\n <h2 class=\"section-title\"><em>\u6700\u65b0<\/em>\u30d6\u30ed\u30b0<\/h2>\r\n <\/div>\r\n\r\n <div class=\"blog-grid-top\">\r\n\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=21\" class=\"blog-card-top\">\r\n <div class=\"blog-card-img\">\r\n <div class=\"blog-card-img-ph\"><span>PHOTO<\/span><\/div>\r\n <\/div>\r\n <div class=\"blog-card-body\">\r\n <div class=\"blog-card-cat\">\u2726 \u524d\u64ae\u308a\u30ec\u30dd\u30fc\u30c8<\/div>\r\n <div class=\"blog-card-date\">2026.05.20<\/div>\r\n <div class=\"blog-card-title\">\u5149\u304c\u964d\u308a\u6ce8\u3050\u5ead\u5712\u3067\u3002<br>A\u3055\u3093\u30fbB\u3055\u3093\u306e\u524d\u64ae\u308a\u30ec\u30dd\u30fc\u30c8<\/div>\r\n <p class=\"blog-card-excerpt\">5\u6708\u306e\u723d\u3084\u304b\u306a\u671d\u3001\u65b0\u7dd1\u306b\u5305\u307e\u308c\u305f\u5ead\u5712\u3067\u304a\u3075\u305f\u308a\u306e\u524d\u64ae\u308a\u3092\u64ae\u5f71\u3057\u307e\u3057\u305f\u3002<\/p>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=21\" class=\"blog-card-top\">\r\n <div class=\"blog-card-img\">\r\n <div class=\"blog-card-img-ph\" style=\"background:linear-gradient(135deg,#EDE2D6,#CEBFAA);\"><span>PHOTO<\/span><\/div>\r\n <\/div>\r\n <div class=\"blog-card-body\">\r\n <div class=\"blog-card-cat\">\u2726 \u30c9\u30ec\u30b9\u30fb\u8863\u88c5<\/div>\r\n <div class=\"blog-card-date\">2026.05.10<\/div>\r\n <div class=\"blog-card-title\">2026\u5e74\u30c8\u30ec\u30f3\u30c9\u30c9\u30ec\u30b9\u307e\u3068\u3081<\/div>\r\n <p class=\"blog-card-excerpt\">\u4eca\u5e74\u4eba\u6c17\u306e\u30a6\u30a7\u30c7\u30a3\u30f3\u30b0\u30c9\u30ec\u30b9\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u4e00\u6319\u3054\u7d39\u4ecb\u3002<\/p>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=21\" class=\"blog-card-top\">\r\n <div class=\"blog-card-img\">\r\n <div class=\"blog-card-img-ph\" style=\"background:linear-gradient(135deg,#F5EADC,#DDD0BE);\"><span>PHOTO<\/span><\/div>\r\n <\/div>\r\n <div class=\"blog-card-body\">\r\n <div class=\"blog-card-cat\">\u2726 \u30ed\u30b1\u30fc\u30b7\u30e7\u30f3<\/div>\r\n <div class=\"blog-card-date\">2026.04.28<\/div>\r\n <div class=\"blog-card-title\">\u524d\u64ae\u308a\u306b\u304a\u3059\u3059\u3081\u306e\u30ed\u30b15\u9078<\/div>\r\n <p class=\"blog-card-excerpt\">\u6771\u4eac\u8fd1\u90ca\u306e\u64ae\u5f71\u30b9\u30dd\u30c3\u30c8\u3092\u53b3\u9078\u3057\u3066\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <div class=\"blog-more-wrap\">\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=21\" class=\"blog-more\">\u30d6\u30ed\u30b0\u3092\u3082\u3063\u3068\u898b\u308b \u2726<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"contact-section\" id=\"contact\">\r\n <div class=\"contact-inner\">\r\n <div class=\"contact-glow\"><\/div>\r\n <p class=\"section-label\" style=\"position:relative;\">\u2726 CONTACT<\/p>\r\n <h2 class=\"section-title\" style=\"position:relative;margin-bottom:16px;\">\r\n \u304a\u6c17\u8efd\u306b<br><em>\u3054\u9023\u7d61<\/em>\u304f\u3060\u3055\u3044\r\n <\/h2>\r\n <p class=\"contact-sub\" style=\"position:relative;\">\r\n \u5149\u306e\u4e2d\u3067\u3001\u30d7\u30ea\u30f3\u30bb\u30b9\u306e\u3088\u3046\u306a\u7279\u5225\u306a1\u65e5\u3092\u3002\r\n <\/p>\r\n <a href=\"https:\/\/lin.ee\/Nb2k44j\" class=\"contact-cta\" style=\"position:relative;\">\r\n LINE\u3067\u554f\u3044\u5408\u308f\u305b\u308b\r\n <\/a>\r\n <div style=\"position:relative;\">\r\n <a href=\"https:\/\/www.instagram.com\/\" class=\"contact-ig\" style=\"display:inline-block;margin-top:28px;\">\r\n Instagram \u3092\u898b\u308b \u2726\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\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 <a href=\"#contact\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\r\n <\/nav>\r\n <p class=\"footer-copy\">\u00a9 vivi wedding All rights Reserved.<\/p>\r\n<\/footer>\r\n\r\n\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>vivi wedding | \u30a6\u30a7\u30c7\u30a3\u30f3\u30b0\u30d5\u30a9\u30c8 & \u30d5\u30a3\u30eb\u30e0 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 WEDDING PHOTO &amp […]<\/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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=\/wp\/v2\/pages\/7","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=7"}],"version-history":[{"count":10,"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"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\nvivi wedding | \u30a6\u30a7\u30c7\u30a3\u30f3\u30b0\u30d5\u30a9\u30c8 & \u30d5\u30a3\u30eb\u30e0<\/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;0,400;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;\r\n --beige:#F5EDE0;\r\n --brown:#A88760;\r\n --brown-light:rgba(168,135,96,0.25);\r\n --brown-muted:rgba(168,135,96,0.5);\r\n --text-dark:#2C2520;\r\n --text-mid:#7A6A5A;\r\n --text-light:#B8A898;\r\n}\r\nhtml{scroll-behavior:smooth;}\r\nbody{background:var(--cream);color:var(--text-dark);font-family:'Noto Serif JP',serif;}\r\n\r\n\/* ===== HEADER \/ NAV ===== *\/\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.85);\r\n backdrop-filter:blur(12px);\r\n border-bottom:0.5px solid rgba(168,135,96,0.15);\r\n transition:padding 0.4s;\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\n.nav-contact{\r\n border:1px solid rgba(168,135,96,0.4);padding:8px 20px;\r\n color:var(--brown)!important;\r\n}\r\n.nav-contact:hover{background:rgba(168,135,96,0.06)!important;}\r\n\r\n\/* ===== HERO ===== *\/\r\n.hero{\r\n position:relative;min-height:100vh;\r\n display:flex;align-items:center;justify-content:center;\r\n overflow:hidden;\r\n \/* \u52d5\u753b\u30ed\u30fc\u30c9\u524d\u306e\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u80cc\u666f\uff08\u30d9\u30fc\u30b8\u30e5\u7cfb\uff09 *\/\r\n background:#E8DDD2;\r\n}\r\n\/* \u52d5\u753b\u80cc\u666f \u2014 \u30eb\u30fc\u30d7\u30fb\u81ea\u52d5\u518d\u751f\u30fb\u30df\u30e5\u30fc\u30c8 *\/\r\n.hero-video{\r\n position:absolute;inset:0;width:100%;height:100%;\r\n object-fit:cover;object-position:center;\r\n pointer-events:none;\r\n \/* \u5f69\u5ea6\u3092\u5c11\u3057\u843d\u3068\u3057\u3066\u8272\u304b\u3076\u308a\u3092\u6291\u5236 *\/\r\n filter:saturate(0.88) brightness(1.0);\r\n}\r\n\/*\r\n \u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u8a2d\u8a08\uff1a\r\n \u660e\u308b\u3044\u81ea\u7136\u5149\u6620\u50cf\u306a\u306e\u3067\u6697\u304f\u3057\u3059\u304e\u305a\u3001\r\n \u30c6\u30ad\u30b9\u30c8\u304c\u6d6e\u3044\u3066\u898b\u3048\u308b\u3088\u3046\u4e0b\u90e8\u3060\u3051\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3002\r\n \u4e0a\u90e8\u306f\u8584\u3044\u30af\u30ea\u30fc\u30e0\u639b\u3051\u3067\u30ed\u30b4\u30a8\u30ea\u30a2\u306b\u30d9\u30fc\u30eb\u3092\u304b\u3051\u308b\u3002\r\n*\/\r\n.hero-video-overlay{\r\n position:absolute;inset:0;z-index:1;\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n rgba(251,248,244,0.30) 0%, \/* \u4e0a\u90e8\uff1a\u30af\u30ea\u30fc\u30e0\u304c\u304b\u3063\u305f\u8584\u30d9\u30fc\u30eb *\/\r\n rgba(251,248,244,0.08) 35%,\r\n rgba(44,37,32,0.0) 55%,\r\n rgba(44,37,32,0.38) 100% \/* \u4e0b\u90e8\uff1a\u30c6\u30ad\u30b9\u30c8\u8aad\u307f\u3084\u3059\u3055\u78ba\u4fdd *\/\r\n );\r\n}\r\n\r\n\/* \u30c6\u30ad\u30b9\u30c8\u306f\u6697\u8272 \u2014 \u52d5\u753b\u304c\u660e\u308b\u3044\u306e\u3067\u30c0\u30fc\u30af\u30c6\u30ad\u30b9\u30c8\u306b\u623b\u3059 *\/\r\n.hero-content{\r\n position:relative;z-index:2;text-align:center;padding:0 24px;\r\n animation:fade-in-up 1.2s ease 0.2s both;\r\n}\r\n@keyframes fade-in-up{\r\n from{opacity:0;transform:translateY(30px);}\r\n to{opacity:1;transform:translateY(0);}\r\n}\r\n.hero-label{\r\n font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.5em;color:var(--brown);\r\n display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px;\r\n}\r\n.hero-label::before,.hero-label::after{\r\n content:'';width:48px;height:0.5px;background:rgba(168,135,96,0.5);display:block;\r\n}\r\n.hero-logo-main{\r\n font-family:'Cormorant Garamond',serif;font-weight:300;\r\n font-size:clamp(64px,12vw,108px);letter-spacing:0.15em;\r\n \/* \u660e\u308b\u3044\u6620\u50cf\u306e\u4e0a\u3067\u3082\u8aad\u3081\u308b\u3088\u3046\u5f71\u3092\u8ffd\u52a0 *\/\r\n color:var(--text-dark);line-height:0.85;\r\n margin-bottom:8px;\r\n text-shadow:0 1px 20px rgba(251,248,244,0.8), 0 4px 48px rgba(251,248,244,0.6);\r\n}\r\n.hero-logo-main .vi-1{display:block;position:relative;}\r\n.hero-logo-main .vi-2{display:block;position:relative;padding-left:0.6em;}\r\n.hero-logo-main .dot{\r\n display:inline-block;width:6px;height:6px;border-radius:50%;\r\n background:var(--brown);margin-bottom:4px;vertical-align:top;margin-top:12px;margin-right:1px;\r\n}\r\n.hero-logo-sub{\r\n font-family:'Cinzel',serif;font-size:clamp(12px,2vw,16px);\r\n letter-spacing:0.7em;color:var(--brown);font-weight:300;\r\n margin-bottom:40px;\r\n text-shadow:0 1px 12px rgba(251,248,244,0.7);\r\n}\r\n.hero-tagline{\r\n font-size:clamp(13px,1.8vw,16px);letter-spacing:0.25em;\r\n color:var(--text-dark);margin-bottom:16px;line-height:2;\r\n text-shadow:0 1px 12px rgba(251,248,244,0.9);\r\n}\r\n.hero-sub-tagline{\r\n font-size:12px;letter-spacing:0.2em;color:var(--text-mid);margin-bottom:56px;\r\n text-shadow:0 1px 8px rgba(251,248,244,0.9);\r\n}\r\n.hero-cta{\r\n font-family:'Cinzel',serif;font-size:10px;letter-spacing:0.35em;\r\n color:#fff;background:var(--brown);\r\n padding:16px 52px;text-decoration:none;display:inline-block;\r\n clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);\r\n box-shadow:0 8px 32px rgba(168,135,96,0.35);\r\n transition:all 0.3s;\r\n}\r\n.hero-cta:hover{background:#C0A070;transform:translateY(-2px);box-shadow:0 12px 40px rgba(168,135,96,0.5);}\r\n\r\n\/* \u30b9\u30af\u30ed\u30fc\u30eb\u30d2\u30f3\u30c8 *\/\r\n.scroll-hint{\r\n position:absolute;bottom:40px;left:50%;transform:translateX(-50%);\r\n display:flex;flex-direction:column;align-items:center;gap:8px;\r\n font-family:'Cinzel',serif;font-size:8px;letter-spacing:0.4em;color:var(--text-mid);\r\n z-index:2;\r\n}\r\n.scroll-line{\r\n width:1px;height:48px;background:linear-gradient(to bottom,var(--brown),transparent);\r\n animation:scroll-drop 2s ease infinite;\r\n}\r\n@keyframes scroll-drop{\r\n 0%{transform:scaleY(0);transform-origin:top;opacity:1;}\r\n 50%{transform:scaleY(1);transform-origin:top;opacity:1;}\r\n 51%{transform-origin:bottom;}\r\n 100%{transform:scaleY(0);transform-origin:bottom;opacity:0;}\r\n}\r\n\r\n\/* ===== SECTION WRAPPER ===== *\/\r\nsection{padding:120px 0;}\r\n.section-inner{max-width:1100px;margin:0 auto;padding:0 5%;}\r\n.section-label{\r\n font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.5em;color:var(--brown);\r\n margin-bottom:16px;\r\n}\r\n.section-title{\r\n font-family:'Cormorant Garamond',serif;font-size:clamp(28px,4vw,44px);\r\n font-weight:300;color:var(--text-dark);line-height:1.4;margin:0;\r\n}\r\n.section-title em{font-style:italic;color:var(--brown);}\r\n.divider{width:48px;height:1px;background:rgba(168,135,96,0.3);margin:28px 0;}\r\n\r\n\/* ===== CONCEPT ===== *\/\r\n.concept-grid{\r\n display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;\r\n}\r\n.concept-img-wrap{\r\n position:relative;overflow:hidden;\r\n border:1px solid rgba(168,135,96,0.15);\r\n}\r\n.concept-img-wrap img{\r\n width:100%;display:block;\r\n filter:brightness(0.95) contrast(1.05) saturate(0.9);\r\n transition:transform 0.8s;\r\n}\r\n.concept-img-wrap:hover img{transform:scale(1.04);}\r\n.concept-img-overlay{\r\n position:absolute;inset:0;\r\n background:linear-gradient(to top,rgba(44,37,32,0.4) 0%,transparent 50%);\r\n pointer-events:none;\r\n}\r\n.concept-img-label{\r\n position:absolute;bottom:16px;left:16px;\r\n font-family:'Cinzel',serif;font-size:8px;letter-spacing:0.3em;\r\n color:rgba(251,248,244,0.7);\r\n}\r\n.corner{position:absolute;width:24px;height:24px;pointer-events:none;}\r\n.corner-tl{top:10px;left:10px;border-top:1px solid rgba(168,135,96,0.5);border-left:1px solid rgba(168,135,96,0.5);}\r\n.corner-br{bottom:10px;right:10px;border-bottom:1px solid rgba(168,135,96,0.5);border-right:1px solid rgba(168,135,96,0.5);}\r\n\r\n.concept-text p.body{\r\n font-size:14px;line-height:2.5;color:var(--text-mid);margin-bottom:32px;\r\n}\r\n.concept-badge{\r\n display:inline-flex;align-items:center;gap:10px;\r\n border:1px solid rgba(168,135,96,0.3);padding:10px 20px;\r\n}\r\n.concept-badge span{\r\n font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;color:var(--brown);\r\n}\r\n\r\n\/* ===== SERVICES ===== *\/\r\n.services-section{background:#fff;}\r\n.services-header{text-align:center;margin-bottom:64px;}\r\n.services-grid{\r\n display:grid;grid-template-columns:repeat(3,1fr);\r\n gap:1px;background:rgba(168,135,96,0.1);\r\n}\r\n.service-card{\r\n background:#fff;padding:52px 36px;\r\n position:relative;overflow:hidden;\r\n transition:background 0.4s,transform 0.3s;\r\n border-left:2px solid transparent;\r\n}\r\n.service-card:hover{\r\n background:var(--cream);transform:translateY(-4px);\r\n border-left-color:var(--brown);\r\n}\r\n.service-num{\r\n position:absolute;top:16px;right:20px;\r\n font-family:'Cormorant Garamond',serif;font-size:72px;font-weight:300;\r\n color:rgba(168,135,96,0.06);line-height:1;pointer-events:none;\r\n}\r\n.service-icon{\r\n width:48px;height:48px;border:1px solid rgba(168,135,96,0.3);\r\n display:flex;align-items:center;justify-content:center;margin-bottom:24px;\r\n}\r\n.service-card h3{\r\n font-family:'Cinzel',serif;font-size:11px;letter-spacing:0.2em;\r\n color:var(--brown);font-weight:400;margin:0 0 14px;\r\n}\r\n.service-card p{font-size:13px;line-height:2.2;color:var(--text-mid);}\r\n\r\n\/* ===== GALLERY ===== *\/\r\n.gallery-section{background:var(--beige);}\r\n.gallery-header{text-align:center;margin-bottom:56px;}\r\n.gallery-grid{\r\n display:grid;\r\n grid-template-columns:1.6fr 1fr 1fr;\r\n grid-template-rows:280px 240px;\r\n gap:4px;margin-bottom:48px;\r\n}\r\n.gallery-item{overflow:hidden;position:relative;background:#E8DDD2;}\r\n.gallery-item:first-child{grid-row:span 2;}\r\n.gallery-item img{\r\n width:100%;height:100%;object-fit:cover;display:block;\r\n filter:brightness(0.9) contrast(1.05) saturate(0.85);\r\n transition:transform 0.8s,filter 0.6s;\r\n}\r\n.gallery-item:hover img{\r\n transform:scale(1.06);\r\n filter:brightness(1.0) contrast(1.05) saturate(1);\r\n}\r\n.gallery-center{text-align:center;}\r\n.gallery-btn{\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;transition:all 0.3s;\r\n}\r\n.gallery-btn:hover{border-color:var(--brown);background:rgba(168,135,96,0.06);}\r\n\r\n\/* ===== CONTACT ===== *\/\r\n.contact-section{background:var(--cream);}\r\n.contact-inner{\r\n text-align:center;position:relative;\r\n max-width:700px;margin:0 auto;padding:0 5%;\r\n}\r\n.contact-glow{\r\n position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);\r\n width:500px;height:300px;\r\n background:radial-gradient(ellipse,rgba(168,135,96,0.06) 0%,transparent 70%);\r\n pointer-events:none;\r\n}\r\n.contact-inner .section-title{margin-bottom:16px;}\r\n.contact-sub{\r\n font-size:13px;letter-spacing:0.2em;color:var(--text-light);\r\n margin-bottom:48px;\r\n}\r\n.contact-cta{\r\n font-family:'Cinzel',serif;font-size:10px;letter-spacing:0.35em;\r\n color:#fff;background:var(--brown);padding:16px 52px;\r\n text-decoration:none;display:inline-block;\r\n clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);\r\n box-shadow:0 8px 32px rgba(168,135,96,0.2);\r\n transition:all 0.3s;\r\n}\r\n.contact-cta:hover{background:#C0A070;transform:translateY(-2px);}\r\n.contact-ig{\r\n margin-top:28px;\r\n font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;\r\n color:var(--text-light);text-decoration:none;\r\n border-bottom:1px solid rgba(168,135,96,0.2);padding-bottom:2px;\r\n transition:all 0.3s;\r\n}\r\n.contact-ig:hover{color:var(--brown);border-color:rgba(168,135,96,0.4);}\r\n\r\n\/* ===== FOOTER ===== *\/\r\nfooter{\r\n background:var(--text-dark);\r\n padding:60px 5%;\r\n display:flex;flex-direction:column;align-items:center;gap:32px;\r\n}\r\n.footer-logo{\r\n font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:300;\r\n letter-spacing:0.1em;color:var(--beige);\r\n}\r\n.footer-nav{\r\n display:flex;gap:32px;flex-wrap:wrap;justify-content:center;\r\n}\r\n.footer-nav a{\r\n font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.3em;\r\n color:rgba(245,237,224,0.4);text-decoration:none;transition:color 0.3s;\r\n}\r\n.footer-nav a:hover{color:var(--brown);}\r\n.footer-copy{\r\n font-family:'Cinzel',serif;font-size:9px;letter-spacing:0.2em;\r\n color:rgba(245,237,224,0.2);\r\n}\r\n\r\n\/* ===== SEPARATOR ===== *\/\r\n.ornament{\r\n text-align:center;padding:0;\r\n font-family:'Cormorant Garamond',serif;font-size:20px;\r\n color:rgba(168,135,96,0.3);letter-spacing:8px;\r\n}\r\n\r\n\/* ===== BLOG ===== *\/\r\n.blog-section{background:#fff;padding:120px 0;}\r\n.blog-header{text-align:center;margin-bottom:56px;}\r\n.blog-grid-top{\r\n display:grid;grid-template-columns:repeat(3,1fr);\r\n gap:2px;background:rgba(168,135,96,0.08);\r\n margin-bottom:44px;\r\n}\r\n.blog-card-top{\r\n background:#fff;overflow:hidden;\r\n transition:background 0.3s,transform 0.3s;text-decoration:none;display:block;\r\n}\r\n.blog-card-top:hover{background:var(--cream);transform:translateY(-3px);}\r\n.blog-card-img{\r\n overflow:hidden;background:var(--beige);\r\n aspect-ratio:4\/3;\r\n}\r\n.blog-card-img img{\r\n width:100%;height:100%;object-fit:cover;display:block;\r\n filter:brightness(0.92) saturate(0.88);\r\n transition:transform 0.7s,filter 0.5s;\r\n}\r\n.blog-card-top:hover .blog-card-img img{transform:scale(1.05);filter:brightness(1.0) saturate(1);}\r\n\/* \u753b\u50cf\u306a\u3057\u30d7\u30ec\u30fc\u30b9\u30db\u30eb\u30c0\u30fc *\/\r\n.blog-card-img-ph{\r\n width:100%;height:100%;\r\n background:linear-gradient(135deg,var(--beige),#D4C4B0);\r\n display:flex;align-items:center;justify-content:center;\r\n}\r\n.blog-card-img-ph span{font-family:'Cinzel',serif;font-size:8px;letter-spacing:0.3em;color:rgba(168,135,96,0.35);}\r\n.blog-card-body{padding:24px 28px 32px;}\r\n.blog-card-cat{\r\n font-family:'Cinzel',serif;font-size:8px;letter-spacing:0.4em;\r\n color:var(--brown);margin-bottom:8px;\r\n}\r\n.blog-card-date{font-size:11px;color:var(--text-light);letter-spacing:0.1em;margin-bottom:10px;}\r\n.blog-card-title{\r\n font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:300;\r\n color:var(--text-dark);line-height:1.6;margin-bottom:10px;\r\n}\r\n.blog-card-excerpt{font-size:12px;line-height:2.0;color:var(--text-mid);}\r\n.blog-more-wrap{text-align:center;}\r\n.blog-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;transition:all 0.3s;\r\n}\r\n.blog-more:hover{border-color:var(--brown);background:rgba(168,135,96,0.06);}\r\n\r\n\/* ===== MOBILE ===== *\/\r\n@media(max-width:768px){\r\n header{padding:16px 5%;}\r\n nav{display:none;}\r\n .concept-grid{grid-template-columns:1fr;gap:40px;}\r\n .services-grid{grid-template-columns:1fr;}\r\n .gallery-grid{\r\n grid-template-columns:1fr 1fr;\r\n grid-template-rows:auto;\r\n }\r\n .gallery-item:first-child{grid-column:span 2;grid-row:span 1;height:260px;}\r\n .gallery-item:not(:first-child){height:180px;}\r\n .blog-grid-top{grid-template-columns:1fr;}\r\n}\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\">\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=\"#contact\" class=\"nav-contact\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\r\n <\/nav>\r\n<\/header>\r\n\r\n\r\n<div class=\"hero\">\r\n\r\n \r\n <video class=\"hero-video\"\r\n src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/06021.mp4\"\r\n autoplay muted loop playsinline\r\n preload=\"auto\">\r\n <\/video>\r\n\r\n \r\n <div class=\"hero-video-overlay\"><\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-label\">WEDDING PHOTO & FILM<\/div>\r\n\r\n <div class=\"hero-logo-main\">\r\n <span class=\"vi-1\"><span class=\"dot\"><\/span>vi<\/span>\r\n <span class=\"vi-2\"><span class=\"dot\"><\/span>Vi<\/span>\r\n <\/div>\r\n <div class=\"hero-logo-sub\">w e d d i n g<\/div>\r\n\r\n <p class=\"hero-tagline\">\u3075\u305f\u308a\u3060\u3051\u306e\u3001\u7279\u5225\u306a\u4e00\u65e5\u3092\u3002<\/p>\r\n <p class=\"hero-sub-tagline\">\u81ea\u7136\u5149\u306e\u4e2d\u3067\u7d21\u304c\u308c\u308b\u3001\u6c38\u9060\u306e\u8a18\u61b6\u3002<\/p>\r\n\r\n <a href=\"#contact\" class=\"hero-cta\">\u524d\u64ae\u308a\u306b\u3064\u3044\u3066\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\r\n <\/div>\r\n\r\n <div class=\"scroll-hint\">\r\n <span>SCROLL<\/span>\r\n <div class=\"scroll-line\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<section>\r\n <div class=\"section-inner\">\r\n <div class=\"concept-grid\">\r\n <div class=\"concept-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/wp-content\/uploads\/2026\/06\/20251105-61-scaled.jpg\"\r\n alt=\"vivi wedding \u30b3\u30f3\u30bb\u30d7\u30c8\"\r\n style=\"width:100%;display:block;filter:brightness(0.95) contrast(1.05) saturate(0.9);transition:transform 0.8s;\"\r\n onmouseover=\"this.style.transform='scale(1.04)'\"\r\n onmouseout=\"this.style.transform='scale(1)'\"\/>\r\n <div class=\"concept-img-overlay\"><\/div>\r\n <p class=\"concept-img-label\">NATURAL LIGHT \u00b7 DAYTIME<\/p>\r\n <div class=\"corner corner-tl\"><\/div>\r\n <div class=\"corner corner-br\"><\/div>\r\n <\/div>\r\n <div class=\"concept-text\">\r\n <p class=\"section-label\">\u2726 CONCEPT<\/p>\r\n <h2 class=\"section-title\">\r\n \u5149\u306b\u5305\u307e\u308c\u305f\u3001<br><em>\u3084\u308f\u3089\u304b\u306a\u77ac\u9593<\/em>\u3092<br>\u3075\u305f\u308a\u3060\u3051\u306e<br>\u7269\u8a9e\u3078\u3002\r\n <\/h2>\r\n <div class=\"divider\"><\/div>\r\n <p class=\"body\" style=\"font-size:14px;line-height:2.5;color:var(--text-mid);margin-bottom:32px;\">\r\n vivi wedding\u306f\u3001\u81ea\u7136\u5149\u304c\u7f8e\u3057\u304f\u5dee\u3057\u8fbc\u3080\u30ed\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u3001<br>\r\n \u304a\u3075\u305f\u308a\u306e\u300c\u4eca\u300d\u3092\u305d\u306e\u307e\u307e\u306b\u5207\u308a\u53d6\u308a\u307e\u3059\u3002<br><br>\r\n \u30c9\u30ec\u30b9\u3092\u307e\u3068\u3063\u305f\u30d7\u30ea\u30f3\u30bb\u30b9\u306e\u3088\u3046\u306a1\u65e5\u3002<br>\r\n \u305d\u306e\u7b11\u9854\u3001\u305d\u306e\u7a7a\u6c17\u3001\u305d\u306e\u6e29\u3082\u308a\u3092\u2014\u2014<br>\r\n \u5199\u771f\u3068\u6620\u50cf\u3067\u3001\u6c38\u9060\u306b\u6b8b\u3057\u307e\u3059\u3002\r\n <\/p>\r\n <div class=\"concept-badge\">\r\n <span>\u2726 PHOTO & MOVIE \u00b7 DAYTIME AVAILABLE<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"services-section\">\r\n <div class=\"section-inner\">\r\n <div class=\"services-header\">\r\n <p class=\"section-label\">\u2726 OUR SERVICE<\/p>\r\n <h2 class=\"section-title\">\r\n \u3059\u3079\u3066\u306e\u77ac\u9593\u3092\u3001<br><em>\u552f\u4e00\u7121\u4e8c<\/em>\u306e\u304b\u305f\u3061\u3067\u3002\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"services-grid\">\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-num\">01<\/div>\r\n <div class=\"service-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M10 1L12 7.5H19L13.5 11.5L15.5 18L10 14L4.5 18L6.5 11.5L1 7.5H8L10 1Z\" stroke=\"#A88760\" stroke-width=\"0.8\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>MEMORY DESIGN<\/h3>\r\n <p>\u4f55\u5341\u5e74\u5f8c\u3082\u8272\u3042\u305b\u306a\u3044\u3001\u8a18\u61b6\u306b\u6b8b\u308b\u4f5c\u54c1\u3092\u3002\u304a\u3075\u305f\u308a\u306e\u5927\u5207\u306a1\u65e5\u3092\u3001\u4e01\u5be7\u306a\u64ae\u5f71\u3068\u7de8\u96c6\u3067\u30a2\u30fc\u30c8\u4f5c\u54c1\u3068\u3057\u3066\u4ed5\u4e0a\u3052\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-num\">02<\/div>\r\n <div class=\"service-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <circle cx=\"10\" cy=\"8\" r=\"5\" stroke=\"#A88760\" stroke-width=\"0.8\"\/>\r\n <path d=\"M4 18c0-3.3 2.7-6 6-6s6 2.7 6 6\" stroke=\"#A88760\" stroke-width=\"0.8\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>PRINCESS DAY<\/h3>\r\n <p>\u30c9\u30ec\u30b9\u3092\u307e\u3068\u3044\u3001\u82b1\u306b\u56f2\u307e\u308c\u3001\u5149\u306e\u4e2d\u3067\u8f1d\u304f1\u65e5\u3092\u3002\u30d8\u30a2\u30e1\u30a4\u30af\u304b\u3089\u64ae\u5f71\u307e\u3067\u3001\u30d7\u30ea\u30f3\u30bb\u30b9\u306e\u3088\u3046\u306a\u4f53\u9a13\u3092\u3054\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-num\">03<\/div>\r\n <div class=\"service-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <rect x=\"2\" y=\"4\" width=\"16\" height=\"12\" rx=\"1\" stroke=\"#A88760\" stroke-width=\"0.8\"\/>\r\n <path d=\"M8 8L13 11L8 14V8Z\" stroke=\"#A88760\" stroke-width=\"0.8\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>STORY FILM<\/h3>\r\n <p>\u3075\u305f\u308a\u306e\u51fa\u4f1a\u3044\u304b\u3089\u7d50\u5a5a\u307e\u3067\u306e\u7269\u8a9e\u3092\u3001\u6620\u753b\u306e\u3088\u3046\u306a\u6620\u50cf\u306b\u3002\u5fc3\u306b\u6b8b\u308b\"\u4eba\u751f\u306e\u4e00\u672c\"\u3092\u3001\u3084\u3055\u3057\u3044\u5149\u3068\u3068\u3082\u306b\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"gallery-section\">\r\n <div class=\"section-inner\">\r\n <div class=\"gallery-header\">\r\n <p class=\"section-label\">\u2726 GALLERY<\/p>\r\n <h2 class=\"section-title\"><em>\u4f5c\u54c1<\/em>\u4e00\u89a7<\/h2>\r\n <\/div>\r\n\r\n <div class=\"gallery-grid\">\r\n <div class=\"gallery-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>\r\n <div class=\"gallery-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>\r\n <div class=\"gallery-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>\r\n <div class=\"gallery-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>\r\n <div class=\"gallery-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>\r\n <\/div>\r\n\r\n <div class=\"gallery-center\">\r\n <a href=\"#\" class=\"gallery-btn\">\u3082\u3063\u3068\u898b\u308b \u2726<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"blog-section\">\r\n <div class=\"section-inner\">\r\n <div class=\"blog-header\">\r\n <p class=\"section-label\">\u2726 BLOG<\/p>\r\n <h2 class=\"section-title\"><em>\u6700\u65b0<\/em>\u30d6\u30ed\u30b0<\/h2>\r\n <\/div>\r\n\r\n <div class=\"blog-grid-top\">\r\n\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=21\" class=\"blog-card-top\">\r\n <div class=\"blog-card-img\">\r\n <div class=\"blog-card-img-ph\"><span>PHOTO<\/span><\/div>\r\n <\/div>\r\n <div class=\"blog-card-body\">\r\n <div class=\"blog-card-cat\">\u2726 \u524d\u64ae\u308a\u30ec\u30dd\u30fc\u30c8<\/div>\r\n <div class=\"blog-card-date\">2026.05.20<\/div>\r\n <div class=\"blog-card-title\">\u5149\u304c\u964d\u308a\u6ce8\u3050\u5ead\u5712\u3067\u3002<br>A\u3055\u3093\u30fbB\u3055\u3093\u306e\u524d\u64ae\u308a\u30ec\u30dd\u30fc\u30c8<\/div>\r\n <p class=\"blog-card-excerpt\">5\u6708\u306e\u723d\u3084\u304b\u306a\u671d\u3001\u65b0\u7dd1\u306b\u5305\u307e\u308c\u305f\u5ead\u5712\u3067\u304a\u3075\u305f\u308a\u306e\u524d\u64ae\u308a\u3092\u64ae\u5f71\u3057\u307e\u3057\u305f\u3002<\/p>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=21\" class=\"blog-card-top\">\r\n <div class=\"blog-card-img\">\r\n <div class=\"blog-card-img-ph\" style=\"background:linear-gradient(135deg,#EDE2D6,#CEBFAA);\"><span>PHOTO<\/span><\/div>\r\n <\/div>\r\n <div class=\"blog-card-body\">\r\n <div class=\"blog-card-cat\">\u2726 \u30c9\u30ec\u30b9\u30fb\u8863\u88c5<\/div>\r\n <div class=\"blog-card-date\">2026.05.10<\/div>\r\n <div class=\"blog-card-title\">2026\u5e74\u30c8\u30ec\u30f3\u30c9\u30c9\u30ec\u30b9\u307e\u3068\u3081<\/div>\r\n <p class=\"blog-card-excerpt\">\u4eca\u5e74\u4eba\u6c17\u306e\u30a6\u30a7\u30c7\u30a3\u30f3\u30b0\u30c9\u30ec\u30b9\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u4e00\u6319\u3054\u7d39\u4ecb\u3002<\/p>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=21\" class=\"blog-card-top\">\r\n <div class=\"blog-card-img\">\r\n <div class=\"blog-card-img-ph\" style=\"background:linear-gradient(135deg,#F5EADC,#DDD0BE);\"><span>PHOTO<\/span><\/div>\r\n <\/div>\r\n <div class=\"blog-card-body\">\r\n <div class=\"blog-card-cat\">\u2726 \u30ed\u30b1\u30fc\u30b7\u30e7\u30f3<\/div>\r\n <div class=\"blog-card-date\">2026.04.28<\/div>\r\n <div class=\"blog-card-title\">\u524d\u64ae\u308a\u306b\u304a\u3059\u3059\u3081\u306e\u30ed\u30b15\u9078<\/div>\r\n <p class=\"blog-card-excerpt\">\u6771\u4eac\u8fd1\u90ca\u306e\u64ae\u5f71\u30b9\u30dd\u30c3\u30c8\u3092\u53b3\u9078\u3057\u3066\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <div class=\"blog-more-wrap\">\r\n <a href=\"https:\/\/www.liberoa-wd.com\/vivi-wedding\/?page_id=21\" class=\"blog-more\">\u30d6\u30ed\u30b0\u3092\u3082\u3063\u3068\u898b\u308b \u2726<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"contact-section\" id=\"contact\">\r\n <div class=\"contact-inner\">\r\n <div class=\"contact-glow\"><\/div>\r\n <p class=\"section-label\" style=\"position:relative;\">\u2726 CONTACT<\/p>\r\n <h2 class=\"section-title\" style=\"position:relative;margin-bottom:16px;\">\r\n \u304a\u6c17\u8efd\u306b<br><em>\u3054\u9023\u7d61<\/em>\u304f\u3060\u3055\u3044\r\n <\/h2>\r\n <p class=\"contact-sub\" style=\"position:relative;\">\r\n \u5149\u306e\u4e2d\u3067\u3001\u30d7\u30ea\u30f3\u30bb\u30b9\u306e\u3088\u3046\u306a\u7279\u5225\u306a1\u65e5\u3092\u3002\r\n <\/p>\r\n <a href=\"https:\/\/lin.ee\/Nb2k44j\" class=\"contact-cta\" style=\"position:relative;\">\r\n LINE\u3067\u554f\u3044\u5408\u308f\u305b\u308b\r\n <\/a>\r\n <div style=\"position:relative;\">\r\n <a href=\"https:\/\/www.instagram.com\/\" class=\"contact-ig\" style=\"display:inline-block;margin-top:28px;\">\r\n Instagram \u3092\u898b\u308b \u2726\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\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 <a href=\"#contact\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a>\r\n <\/nav>\r\n <p class=\"footer-copy\">\u00a9 vivi wedding All rights Reserved.<\/p>\r\n<\/footer>\r\n\r\n\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>vivi wedding | \u30a6\u30a7\u30c7\u30a3\u30f3\u30b0\u30d5\u30a9\u30c8 & \u30d5\u30a3\u30eb\u30e0 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 WEDDING PHOTO &amp […]<\/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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=\/wp\/v2\/pages\/7","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=7"}],"version-history":[{"count":10,"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/www.liberoa-wd.com\/vivi-wedding\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}