/* YutakaDesign トップページ */
body{margin:0;background:#FFFFFF}
a{color:#111111;text-decoration:none}a:hover{color:#555555}
.ydpat{background-color:#FFFFFF;background-image:radial-gradient(circle at center, transparent 29px, #F0F0EE 29px, #F0F0EE 30px, transparent 31px),linear-gradient(#F0F0EE 1px, transparent 1px),linear-gradient(90deg, #F0F0EE 1px, transparent 1px);background-size:64px 64px;background-position:center}
.ydrow:hover{background:#1E1E1E}
.ydburger{display:none}.ydmob{display:none}
@media (max-width: 900px){.yddesk{display:none!important}.ydburger{display:inline-flex}.ydmob{display:flex}}
.ydcard img{transition:transform .5s ease}.ydcard:hover img{transform:scale(1.03)}
@keyframes ydPan{from{transform:translate3d(0,0,0)}to{transform:translate3d(-64px,-64px,0)}}
@keyframes ydFloat{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(0,-18px,0) rotate(10deg)}}
@keyframes ydSpin{to{transform:rotate(360deg)}}
@keyframes ydDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(28px,-20px,0)}}
@keyframes ydRev{from{opacity:0;transform:translate3d(0,36px,0)}to{opacity:1;transform:none}}
.ydbg{position:absolute;inset:0 -64px -64px 0;z-index:-1;animation:ydPan 20s linear infinite;will-change:transform}
.ydfloat{animation:ydFloat 9s ease-in-out infinite;will-change:transform}
.ydspin{animation:ydSpin 70s linear infinite;will-change:transform}
.yddrift{animation:ydDrift 16s ease-in-out infinite;will-change:transform}
@supports (animation-timeline: view()){.ydrev{animation:ydRev linear both;animation-timeline:view();animation-range:entry 0% entry 45%}}
@media (prefers-reduced-motion: reduce){.ydrev{animation:none!important}.ydfloat{animation-duration:14s}.yddrift{animation-duration:24s}}
.ydico-close{display:none}
.is-menu-open .ydico-open{display:none}
.is-menu-open .ydico-close{display:block}
#ydmenu:not(.is-open){display:none!important}
html{scroll-behavior:smooth}
.ydtop img{max-width:none}