/*
Theme Name: Lilyvalley Editorial
Description: リリーバレイの明るいエディトリアルデザイン。イベント事業を除く4事業に対応。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: lilyvalley-editorial
License: GPL-2.0-or-later
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Noto+Serif+JP:wght@400;500&display=swap');
:root{--ink:#292722;--muted:#716d66;--gold:#967751;--line:#dedad3;--paper:#f8f6f2;--serif:'Noto Serif JP','Yu Mincho',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fff;color:var(--ink);font-family:'Noto Sans JP','Yu Gothic',sans-serif;font-size:16px;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.skip{position:fixed;left:20px;top:-80px;background:#fff;padding:12px;z-index:100}.skip:focus{top:12px}.progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--gold);z-index:60}header{height:108px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;background:#ffffffed;backdrop-filter:blur(18px);position:sticky;top:0;z-index:50;transition:height .4s,border-color .4s;border-bottom:1px solid transparent}header.compact{height:78px;border-color:var(--line)}.logo{font-family:Georgia,serif;font-size:38px;letter-spacing:-1.5px;line-height:1.1}.logo span{display:block;font:10px/2.5 'Noto Sans JP',sans-serif;letter-spacing:1.6px}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav>a{position:relative}nav>a:not(.nav-contact):after{content:'';position:absolute;bottom:-5px;height:1px;background:var(--gold);left:0;width:0;transition:width .3s}nav>a:hover:after{width:100%}.nav-contact{padding:12px 25px;border:1px solid var(--line);transition:background .3s}.nav-contact:hover{background:var(--paper)}.menu{display:none}.hero{min-height:660px;height:calc(100svh - 108px);max-height:960px;display:grid;grid-template-columns:49% 51%;padding:0 3% 30px 0}.hero-copy{padding:10% 4% 0 9.2%;position:relative}.eyebrow{font:12px/1.6 Arial,sans-serif;letter-spacing:2px;color:var(--gold);margin-bottom:28px}h1{font-family:var(--serif);font-size:clamp(37px,4vw,68px);font-weight:400;letter-spacing:.025em;line-height:1.7}h1 span{display:block;animation:titleIn 1.4s both}h1 span:nth-child(2){animation-delay:.18s}.hero-sub{font-size:16px;line-height:2.3;margin-top:30px}.text-link{display:inline-block;font-size:14px;border-bottom:1px solid var(--gold);padding:9px 0;position:relative;transition:color .3s,letter-spacing .3s}.text-link:hover{color:var(--gold);letter-spacing:.06em}.hero-copy>.text-link{margin-top:24px}.intro{animation:fadeIn 1.5s .4s both}.hero-bottom{position:absolute;bottom:10px;left:9.2%;right:8%;display:flex;justify-content:space-between;font:10px Arial;letter-spacing:1.2px;color:var(--muted)}.hero-bottom a{display:flex;gap:18px;align-items:center}.hero-bottom i{height:34px;width:1px;background:var(--line);position:relative;overflow:hidden}.hero-bottom i:after{content:'';position:absolute;top:-50%;height:50%;width:1px;background:var(--gold);animation:scrollLine 2s infinite}.hero-visual{position:relative;overflow:hidden;background:var(--paper)}.hero-image{position:absolute;inset:0;opacity:0;transition:opacity 1.3s}.hero-image.current{opacity:1}.hero-image img{object-position:center 35%;transform:scale(1.04);transition:transform 9s linear}.hero-image.current img{transform:scale(1.13)}.hero-caption{position:absolute;bottom:76px;left:30px;right:30px;background:#ffffffdf;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.hero-caption span:first-child{font:26px Georgia}.hero-caption span:last-child{font:10px Arial;letter-spacing:2px}.slide-controls{position:absolute;bottom:28px;left:30px;display:flex;gap:10px;align-items:center;background:#ffffffdf;padding:10px 14px}.slide-controls button{width:32px;height:18px;border:0;background:transparent;padding:7px 0}.slide-controls button:not(.pause):after{content:'';display:block;height:2px;background:#c6c1b8;transition:background .4s}.slide-controls .selected:after{background:var(--gold)!important}.slide-controls .pause{font-size:14px;line-height:1;padding:0}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;overflow:hidden;white-space:nowrap;color:#9e9689}.marquee div{font:30px Georgia;letter-spacing:2px;animation:marquee 40s linear infinite;width:max-content}.marquee em{font-style:normal;margin:0 50px;color:#c1a681}.section{padding:105px 7%}.philosophy{padding-top:115px;padding-bottom:125px}.philosophy-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.philosophy h2,.social h2{font:400 clamp(25px,2.7vw,43px)/1.8 var(--serif)}.philosophy-grid p+p{margin-top:24px}.philosophy-grid p{font-size:15px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:70px;gap:30px}.section-title .eyebrow{margin-bottom:10px}.section-title h2{font:400 clamp(40px,5vw,70px)/1.2 Georgia,serif;letter-spacing:-1px}.section-title h2 span{display:block;font:15px/2 'Noto Sans JP',sans-serif;letter-spacing:1px;margin-top:15px}.section-title>p{font-size:15px}.business{background:var(--paper);padding-bottom:40px}.service{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-bottom:85px}.service.reverse .service-photo{order:2}.service-photo{height:380px;overflow:hidden}.service-photo img{transition:transform 1.2s;filter:saturate(.83)}.service:hover img{transform:scale(1.045)}.service-copy{position:relative}.number{font:italic 62px Georgia;color:#d1c6b7;display:block;margin-bottom:20px}.service-copy .eyebrow{margin-bottom:15px;font-size:10px}.service h3{font:500 clamp(23px,2.2vw,32px)/1.6 var(--serif);margin-bottom:25px}.service p:not(.eyebrow){font-size:15px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.tags span{font-size:12px;padding:6px 12px;border:1px solid #d5cfc4;background:#fff9}.platforms{margin-top:15px;font-size:12px!important;color:var(--muted)}.service .text-link{margin-top:15px}.brands{padding-top:120px}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.brand:nth-child(2){margin-top:65px}.brand:nth-child(3){margin-top:130px}.brand-img{height:440px;overflow:hidden;position:relative;background:var(--paper)}.brand-img img{transition:transform 1s,filter 1s;filter:saturate(.85)}.brand:hover img{transform:scale(1.05);filter:saturate(1)}.brand-img span{position:absolute;left:18px;bottom:18px;background:#fff;padding:7px 12px;font:10px Arial;letter-spacing:1px}.brand h3{font:32px Georgia;margin:25px 0 15px}.brand p{font-size:14px;color:var(--muted)}.partners{padding-top:40px}.partner-list{display:flex;flex-wrap:wrap;gap:30px 50px;padding:40px 0;border-block:1px solid var(--line);align-items:center}.partner-list span{font:24px Georgia,'Noto Sans JP',sans-serif;color:#635c51}.social{background:#f2eee6;display:grid;grid-template-columns:46% 1fr;gap:10%;align-items:center;padding-top:100px;padding-bottom:100px}.social-photo{height:470px;overflow:hidden}.social-copy h2{margin-bottom:30px}.social-copy>p:not(.eyebrow){font-size:14px;margin-bottom:20px}.company-grid{display:grid;grid-template-columns:42% 1fr;gap:8%;align-items:start}.company-visual{height:530px;position:relative;overflow:hidden}.company-visual img{filter:saturate(.55);object-position:center}.company-visual span{position:absolute;left:25px;bottom:25px;background:#fffffff0;padding:16px 22px;font:12px/1.9 Arial;letter-spacing:1.5px}dl{margin:0}dl>div{display:grid;grid-template-columns:110px 1fr;padding:20px 0;border-bottom:1px solid var(--line);font-size:14px}dl>div:first-child{border-top:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0}dd small{font-size:12px;color:var(--muted)}.contact{background:#f8f4ee;position:relative;overflow:hidden}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{font:400 clamp(34px,4vw,60px)/1.6 var(--serif)}.contact-button{width:270px;height:150px;border:1px solid #b9a68c;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;transition:background .6s,color .6s,border-radius .6s}.contact-button:hover{background:#9b7d56;color:#fff;border-radius:80px}.contact-button span{font-size:18px}.contact-button small{font:11px Arial;letter-spacing:2px;margin-top:12px}.contact>p:last-child{margin-top:35px;font-size:14px}footer{padding:60px 7% 35px;display:flex;justify-content:space-between;align-items:center;gap:30px}footer .logo{font-size:38px}footer .logo span{font-size:11px;letter-spacing:1px}footer>div{display:flex;gap:20px;font-size:12px}footer small{font-size:11px;color:var(--muted)}.js .reveal{opacity:0;transform:translateY(32px);transition:opacity .9s,transform 1.1s}.js .reveal.visible{opacity:1;transform:none}.js .brand:nth-child(2){transition-delay:.1s}.js .brand:nth-child(3){transition-delay:.2s}@keyframes fadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes titleIn{from{opacity:0;transform:translateY(25px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes scrollLine{to{top:110%}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1600px){.section{padding-inline:max(7%,calc((100vw - 1440px)/2))}}@media(max-width:1100px){nav{gap:16px;font-size:12px}.hero{min-height:630px}.hero-copy{padding-top:15%}.hero-sub{font-size:14px}.brand-img{height:350px}.section{padding:80px 6%}.service{gap:6%}.service-photo{height:330px}.social{gap:6%}footer{flex-wrap:wrap}}@media(max-width:760px){header{height:80px;padding:0 6%}header.compact{height:70px}.logo{font-size:32px}.logo span{font-size:8px}.menu{display:block;width:40px;height:40px;border:0;background:none;z-index:2}.menu span{display:block;width:25px;height:1px;background:var(--ink);margin:7px auto;transition:transform .3s}.menu[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:35px 8%;background:#fff;border-bottom:1px solid var(--line);font-size:16px}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:22px}.hero{height:auto;max-height:none;min-height:0;padding:0;display:flex;flex-direction:column}.hero-copy{padding:50px 7% 55px}.hero-copy .eyebrow{margin-bottom:18px}h1{font-size:clamp(32px,7.8vw,50px)}.hero-sub{margin-top:20px;font-size:14px}.hero-bottom{display:none}.hero-visual{height:540px;margin:0 5% 25px}.hero-caption{left:18px;right:18px;bottom:68px;padding:15px}.hero-caption span:first-child{font-size:22px}.slide-controls{left:18px;bottom:20px}.marquee{padding:18px 0}.marquee div{font-size:22px}.section{padding:65px 7%}.philosophy-grid{grid-template-columns:1fr;gap:30px}.philosophy h2{font-size:25px}.philosophy-grid p{font-size:14px}.section-title{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:40px}.section-title h2{font-size:43px}.section-title>p{font-size:14px}.service{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding-bottom:65px}.service.reverse .service-photo{order:0}.service-photo{height:300px}.number{font-size:45px;margin-bottom:15px}.service h3{font-size:25px;margin-bottom:20px}.service p:not(.eyebrow){font-size:14px}.brand-grid{display:grid;grid-template-columns:1fr;gap:40px}.brand:nth-child(2),.brand:nth-child(3){margin-top:0}.brand-img{height:480px}.brand h3{font-size:30px}.partner-list{gap:25px 30px;padding:25px 0}.partner-list span{font-size:22px}.social{grid-template-columns:1fr;gap:35px}.social-photo{height:300px}.social h2{font-size:30px}.company-grid{grid-template-columns:1fr;gap:30px}.company-visual{height:260px}dl>div{grid-template-columns:90px 1fr;font-size:13px}.contact-row{align-items:flex-start;flex-direction:column;gap:35px}.contact h2{font-size:36px}.contact-button{width:100%;height:100px}.contact>p:last-child{font-size:13px}footer{padding:45px 7%;align-items:flex-start;flex-direction:column}footer>div{flex-wrap:wrap;gap:15px 22px}.eyebrow{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.hero-image img{transform:none!important}}

body.admin-bar header{top:32px}.document{max-width:1120px;margin:auto;padding:70px 6% 100px}.document-title{font:400 clamp(28px,4vw,48px)/1.6 var(--serif);margin-bottom:45px}.entry-content{overflow-wrap:anywhere}.entry-content p{margin:1em 0}.entry-content h2,.entry-content h3{margin:1.5em 0 .75em;line-height:1.6}.entry-content img{width:auto;height:auto;max-width:100%}.entry-content a{color:#80603d;text-decoration:underline}.entry-content table{border-collapse:collapse;width:100%;margin:25px 0}.entry-content td,.entry-content th{padding:15px;border:1px solid var(--line)}.entry-content input:not([type=checkbox]):not([type=radio]),.entry-content textarea,.entry-content select{max-width:100%;width:100%;padding:12px;border:1px solid #c9c2b7;background:white;font:inherit}.entry-content input[type=submit],.entry-content button{width:auto;padding:12px 30px;background:#f2eee6;color:var(--ink);border:1px solid #b9a68c;font:inherit}.entry-content label{display:block}.entry-content .screen-reader-response{position:absolute;width:1px;height:1px;overflow:hidden}.entry-content .wpcf7-not-valid-tip{color:#ad3838;font-size:14px}.entry-content .wpcf7-response-output{padding:15px;border:1px solid #b9a68c}.entry-content .wp-block-image img{height:auto}.entry-content .alignwide{width:100%}.entry-content .aligncenter{margin:auto}.post-list article{padding:35px 0;border-bottom:1px solid var(--line)}.post-list h2{font:30px var(--serif)}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
@media(max-width:782px){body.admin-bar header{top:46px}}@media(max-width:600px){body.admin-bar header{top:0}.document{padding-top:40px}.entry-content table{display:block;overflow-x:auto}}