@property --vcg-sweep{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.vcg{position:relative;overflow:hidden;background:var(--vcg-paper, #F7F2C9);color:var(--vcg-ink, #2B2617);padding-block:var(--vcg-pt, 96px) var(--vcg-pb, 96px);padding-inline:clamp(16px,4vw,56px);isolation:isolate}.vcg *::selection{background:var(--vcg-ink, #2B2617);color:var(--vcg-paper, #F7F2C9)}.vcg :focus-visible{outline:2px solid var(--vcg-ink, #2B2617);outline-offset:3px}.vcg__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.38;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/><feColorMatrix type='saturate' values='0'/></filter><rect width='180' height='180' filter='url(%23g)' opacity='0.5'/></svg>")}.vcg__stage{position:relative;z-index:1;max-width:1200px;margin-inline:auto;perspective:1500px;perspective-origin:50% 34%}.vcg__card{transform-style:preserve-3d}.vcg--motion .vcg__card{opacity:0;transform:rotateX(24deg) rotateY(-12deg) translate3d(0,42px,-150px);transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .65s ease-out;will-change:transform}.vcg--motion.is-on .vcg__card{opacity:1;transform:rotateX(var(--vcg-rx, 0deg)) rotateY(var(--vcg-ry, 0deg)) translateZ(0)}.vcg--motion.is-settled .vcg__card{transition:transform .5s cubic-bezier(.16,1,.3,1)}.vcg__inner{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(18px,3vw,44px);align-items:start}.vcg__banner{grid-row:1 / span 2;width:clamp(30px,3.4vw,46px);display:block;height:auto;object-fit:contain}.vcg--motion .vcg__banner{clip-path:inset(0 0 100% 0);transition:clip-path .85s cubic-bezier(.16,1,.3,1)}.vcg--motion.is-on .vcg__banner{clip-path:inset(0 0 0 0)}.vcg__panels{grid-column:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(18px,2.6vw,44px);row-gap:44px}.vcg__panel{display:flex;flex-direction:column}.vcg--motion .vcg__panel{opacity:0;transform:translate3d(0,14px,0);transition:opacity .55s ease-out,transform .8s cubic-bezier(.16,1,.3,1)}.vcg--motion .vcg__panel.is-in{opacity:1;transform:none}.vcg__figwrap{height:clamp(132px,15vw,214px);display:flex;align-items:flex-end}.vcg__fig{max-width:100%;max-height:100%;width:auto;height:auto;display:block}.vcg__rule{height:1px;background:currentColor;opacity:.5;margin-block:18px 14px;transform-origin:left center}.vcg--motion .vcg__rule{transform:scaleX(0);transition:transform .7s cubic-bezier(.16,1,.3,1) .1s}.vcg--motion .vcg__panel.is-in .vcg__rule{transform:none}.vcg__en{margin:0;font-family:var(--vcg-font, var(--font-subheading--family, inherit));font-size:clamp(.74rem,.95vw,.88rem);line-height:1.5;letter-spacing:.005em;text-wrap:pretty}.vcg__ghost{visibility:hidden}.vcg__caret{display:none;width:.07em;height:1em;margin-inline:.06em;background:currentColor;vertical-align:-.13em}.vcg__en.is-typing .vcg__caret{display:inline-block;animation:vcg-blink .9s steps(1) infinite}@keyframes vcg-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.vcg__jp{margin:12px 0 0;padding-top:11px;border-top:1px solid currentColor;border-top-color:color-mix(in srgb,currentColor 45%,transparent);font-size:clamp(.68rem,.85vw,.8rem);line-height:1.75;font-family:Hiragino Mincho ProN,Yu Mincho,"Noto Serif JP",serif}.vcg--motion .vcg__jp{opacity:0;transition:opacity .7s ease-out}.vcg--motion .vcg__jp.is-in{opacity:1}.vcg__foot{grid-column:2;margin-top:clamp(36px,4.5vw,68px);display:grid;justify-items:center}.vcg__dragon{width:clamp(190px,26vw,330px);height:auto;display:block}.vcg--motion .vcg__dragon{--vcg-sweep: 0%;-webkit-mask-image:linear-gradient(to bottom,#000 var(--vcg-sweep),transparent calc(var(--vcg-sweep) + 18%));mask-image:linear-gradient(to bottom,#000 var(--vcg-sweep),transparent calc(var(--vcg-sweep) + 18%));transition:--vcg-sweep 1.5s cubic-bezier(.33,1,.68,1)}.vcg--motion.is-on .vcg__dragon{--vcg-sweep: 112%}@supports not (background: linear-gradient(to bottom,#000 var(--vcg-sweep),transparent)){.vcg--motion .vcg__dragon{-webkit-mask-image:none;mask-image:none;opacity:0;transition:opacity 1.2s ease-out}.vcg--motion.is-on .vcg__dragon{opacity:1}}.vcg__title{width:min(100%,560px);height:auto;display:block;margin-top:clamp(20px,2.6vw,36px)}.vcg--motion .vcg__title{clip-path:inset(0 100% 0 0);transition:clip-path 1s cubic-bezier(.16,1,.3,1)}.vcg--motion.is-on .vcg__title{clip-path:inset(0 0 0 0)}.vcg__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.vcg-dlg{width:min(1180px,94vw);max-width:94vw;height:min(92dvh,1040px);max-height:92dvh;padding:0;border:none;border-radius:0;background:#f7f2c9;color:#2b2617;overflow:hidden;box-shadow:0 30px 90px #14120a4d}.vcg-dlg::backdrop{background:#1210098c}.vcg-dlg[open]{animation:vcg-dlg-in .32s cubic-bezier(.16,1,.3,1)}@keyframes vcg-dlg-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.vcg-dlg__scroll{position:relative;height:100%;overflow-y:auto;overscroll-behavior:contain}.vcg-dlg__close{position:absolute;top:14px;right:14px;z-index:6;background:none;border:none;cursor:pointer;color:#2b2617;padding:10px;line-height:0}.vcg--in-dialog{min-height:100%}.vcg--in-dialog .vcg__stage{perspective:1200px}.vcg__more{display:none}@media(max-width:749px){.vcg__more{position:sticky;bottom:0;z-index:4;height:104px;margin-top:-104px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px;pointer-events:none;color:#2b2617;background:linear-gradient(to bottom,#f7f2c900,#f7f2c9e6 58%,#f7f2c9);transition:opacity .35s ease}.vcg__more svg{animation:vcg-nudge 1.9s ease-in-out 3}.vcg-dlg__scroll.is-scrolled .vcg__more{opacity:0}}@keyframes vcg-nudge{0%,to{transform:translateY(0)}45%{transform:translateY(6px)}}@media(max-width:989px){.vcg__panels{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:42px}}@media(max-width:599px){.vcg{padding-block:64px}.vcg__stage{perspective:900px}.vcg__inner{grid-template-columns:minmax(0,1fr)}.vcg__banner{display:none}.vcg__panels,.vcg__foot{grid-column:1}.vcg__panels{grid-template-columns:minmax(0,1fr);row-gap:34px}.vcg__panel{display:grid;grid-template-columns:33% minmax(0,1fr);column-gap:18px;align-content:start}.vcg__figwrap{grid-column:1;grid-row:1 / -1;height:auto;align-items:flex-start}.vcg__rule,.vcg__en,.vcg__jp{grid-column:2}.vcg__rule{margin-block:4px 12px}.vcg__en{font-size:.82rem}.vcg__jp{font-size:.76rem}.vcg__dragon{width:64vw}.vcg-dlg{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}.vcg--in-dialog{padding-block:56px 40px}}@media(prefers-reduced-motion:reduce){.vcg--motion .vcg__card,.vcg--motion .vcg__panel,.vcg--motion .vcg__jp{opacity:1;transform:none;transition:none}.vcg--motion .vcg__banner,.vcg--motion .vcg__title{clip-path:none;transition:none}.vcg--motion .vcg__rule{transform:none;transition:none}.vcg--motion .vcg__dragon{-webkit-mask-image:none;mask-image:none;opacity:1;transition:none}.vcg__en.is-typing .vcg__caret{display:none}.vcg__more svg{animation:none}.vcg-dlg[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/vc-guide.css.map */