/*
Theme Name: e_BY EYEVAN
Description: e_BY EYEVAN リニューアルテーマ。e_BY EYEVAN CMS と組み合わせて使用します。
Version: 1.0.8
Requires at least: 6.6
Requires PHP: 8.1
Author: e_BY EYEVAN
License: GPL-2.0-or-later
Text Domain: eby-eyevan
*/
@font-face{font-family:eby;src:url('assets/ebyeyevan.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--paper:#fdfdfb;--ink:#181917;--muted:#777873;--gray:#e5e5e2;--rule:#cececa;--gutter:clamp(20px,3.2vw,64px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font-family:eby,var(--font-japanese);font-size:16px;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}a:focus-visible,button:focus-visible{outline:2px solid #3c5b70;outline-offset:6px}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:14px}.skip-link:focus{top:10px}
.header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:38px var(--gutter) 40px;background:var(--paper)}.brand{display:block;flex:0 1 336px}.brand img{width:100%;height:auto}.navigation{display:flex;align-items:center;gap:12px;font-size:21px;white-space:nowrap}.navigation a,.hero-caption a{position:relative}.navigation a:after,.hero-caption a:after{content:"";position:absolute;height:1px;background:currentColor;bottom:-4px;left:0;width:100%;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}.navigation a:hover:after,.hero-caption a:hover:after{transform:scaleX(1);transform-origin:left}.navigation span{color:#92938e}.socials{display:flex;gap:10px}.socials a{display:grid;place-items:center;width:36px;height:42px;transition:opacity .3s,transform .4s var(--ease)}.socials a:hover{opacity:.55;transform:translateY(-2px)}.socials svg{width:23px;height:23px}
.hero{padding:0 var(--gutter)}.hero-photo{overflow:hidden;aspect-ratio:1.82;background:#e5e9e9}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;animation:hero-in 1.7s var(--ease) both}.hero-caption{display:flex;align-items:baseline;justify-content:space-between;padding:17px 0 20px;font-size:17px}.hero-caption h1{font-size:17px}.hero-caption a{font-size:16px}@keyframes hero-in{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(min-width:1600px){.hero-photo{margin: 0 auto; max-height:calc(100svh - 215px)}}@media(max-width:800px){html{scroll-padding-top:125px}.header{padding:24px var(--gutter) 22px;gap:18px;flex-wrap:wrap}.brand{flex-basis:210px}.socials{margin-left:auto}.navigation{order:3;flex-basis:100%;justify-content:space-between;font-size:19px;gap:9px;padding-top:7px}.hero-photo{aspect-ratio:.87}.hero-photo img{object-position:57% 50%}.hero-caption{font-size:14px;gap:10px}.hero-caption h1{font-size:14px}.hero-caption a{display:none}}
.japanese{font-family:var(--font-japanese);font-weight:500}.section-space{margin:clamp(85px,10vw,170px) var(--gutter)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:32px}.section-heading h2{font-size:clamp(70px,9.8vw,166px);line-height:1.04;letter-spacing:-.015em}.text-link{font-size:20px;border-bottom:1px solid currentColor;padding:8px 0;display:inline-block;line-height:1.1;transition:opacity .3s}.text-link:hover{opacity:.5}.eyebrow{font-size:17px;line-height:1.4}.photo-window{overflow:hidden;background:#e3e6e7}.photo-window img{height:100%;width:100%;object-fit:cover;transform:translate3d(0,var(--parallax,0px),0) scale(1.055);will-change:transform}.couple-photo{aspect-ratio:1.51}.couple-photo img{object-position:50% 47%}figcaption{display:flex;justify-content:space-between;padding-top:13px;font-size:15px}.portrait-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:8vw;margin-top:clamp(75px,11vw,170px);align-items:center}.portrait-copy{padding-left:4vw}.portrait-copy h3{font-size:clamp(72px,9vw,150px);line-height:1.02;margin:26px 0 28px}.portrait-copy .japanese{font-size:16px;letter-spacing:.09em;line-height:1.9}.portrait-copy .text-link{margin-top:65px}.portrait-photo{aspect-ratio:2000/2750}.portrait-photo img{object-position:center}.about{background:var(--gray);padding:70px var(--gutter) 110px}.about-top{display:flex;justify-content:space-between;font-size:17px;margin-bottom:50px}.about-title{font-size:clamp(90px,13.8vw,234px);line-height:1.01;letter-spacing:-.015em;display:flex;flex-direction:column}.about-title span:nth-child(2){margin-left:21%}.about-title span:nth-child(3){margin-left:42%}.about-bottom{display:grid;grid-template-columns:1fr 2fr;gap:9vw;margin-top:70px;padding-top:38px;border-top:1px solid #b8b9b5}.about-note{font-size:38px;line-height:1.18}.about-body{max-width:810px;font-size:16px;line-height:2.15;letter-spacing:.015em}.about-body p+p{margin-top:25px}.information{display:grid;grid-template-columns:1fr 2.1fr;align-items:center;gap:6vw}.information-heading h2{font-size:clamp(42px,4.8vw,82px);line-height:1.1;margin-bottom:23px}.information-heading p{font-size:14px;line-height:1.9}.banner{display:block;overflow:hidden}.banner img{width:100%;height:auto;transition:transform 1.2s var(--ease)}.banner:hover img{transform:scale(1.025)}.banner-link{display:block;font-size:16px;text-align:right;margin-top:16px;text-decoration:underline;text-underline-offset:6px}.stores{margin:0 var(--gutter)}.stores-link{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:60px;padding:35px 0 44px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.stores h2{font-size:clamp(70px,10vw,170px);line-height:1}.stores .japanese{font-size:16px}.store-plus{font-family:Arial,sans-serif;font-size:64px;font-weight:200;transition:transform .6s var(--ease)}.stores-link:hover .store-plus{transform:rotate(90deg)}.footer{padding:60px var(--gutter) 25px}.footer-top{display:flex;justify-content:space-between;gap:20px;font-size:17px}.footer-top nav{display:flex;gap:26px}.footer-top a:hover{text-decoration:underline;text-underline-offset:5px}.footer-logo{display:block;padding:80px 0 45px}.footer-logo img{width:100%;height:auto}.footer-bottom{display:flex;justify-content:space-between;font-size:14px}
.motion-ready .reveal{opacity:0;transform:translateY(34px);transition:opacity 1.1s var(--ease),transform 1.3s var(--ease)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.header{transition:box-shadow .4s,background .4s}.header.is-scrolled{box-shadow:0 1px 0 rgba(0,0,0,.09)}
@media(min-width:1100px){.header{position:sticky;top:0;padding-top:24px;padding-bottom:24px}.header .brand{flex-basis:310px}.about-body br{display:none}}
@media(max-width:800px){.section-space{margin:80px var(--gutter)}.section-heading{margin-bottom:23px}.section-heading h2{font-size:70px}.section-heading .text-link{font-size:16px}.eyebrow{font-size:15px}.couple-photo{aspect-ratio:1.1}.couple-photo img{object-position:50% 50%;transform:translate3d(0,var(--parallax,0px),0) scale(1.04)}.portrait-layout{grid-template-columns:1fr;gap:40px;margin-top:75px}.portrait-copy{padding:0}.portrait-copy h3{font-size:80px;margin:18px 0 20px}.portrait-copy .text-link{margin-top:30px}.portrait-figure{width:87%;margin-left:auto}.about{padding:42px var(--gutter) 60px}.about-top{margin-bottom:36px;font-size:15px}.about-title{font-size:clamp(76px,18.5vw,142px)}.about-title span:nth-child(2){margin-left:15%}.about-title span:nth-child(3){margin-left:27%}.about-bottom{grid-template-columns:1fr;gap:24px;margin-top:40px;padding-top:28px}.about-note{font-size:27px}.about-note br{display:none}.about-note br:after{content:' '}.about-body{font-size:16px;line-height:2}.about-body br{display:none}.information{grid-template-columns:1fr;gap:28px}.information-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.information-heading h2{font-size:46px;margin:0}.information-heading p{font-size:12px;padding-bottom:2px}.banner-link{font-size:15px}.stores-link{grid-template-columns:1fr auto;gap:8px;padding:26px 0 32px}.stores h2{font-size:76px;grid-row:span 2}.stores .japanese{font-size:14px;order:2;grid-column:1/-1}.store-plus{font-size:45px}.footer{padding-top:40px}.footer-top{flex-direction:column;font-size:16px;gap:24px}.footer-top nav{gap:21px;flex-wrap:wrap;font-size:16px}.footer-logo{padding:48px 0 30px}.footer-bottom{font-size:13px}}
@media(min-width:801px) and (max-width:1099px){.brand{flex-basis:230px}.header{gap:20px}.navigation{font-size:19px;gap:9px}.socials{gap:3px}.about-title{font-size:13.2vw}}
@media(max-width:370px){.brand{flex-basis:165px}.socials{gap:2px}.section-heading h2{font-size:62px}.section-heading{gap:10px}.information-heading{align-items:flex-start;flex-direction:column}.about-title{font-size:18vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.photo-window img{transform:none;will-change:auto}}