.credit{--ink: #303235;--ink2: #5d5a52;--floor: #fbf6db;--lime: #d6f26b;--pink: #eb9c9d;--yellow: #f2e97c;--teal: #84b8b3;--orange: #e0914c;--edge: 7px;position:relative;display:grid;grid-template-columns:172px minmax(0,1fr);align-items:center;gap:22px 30px;max-width:760px;margin:18px 0 64px;padding:34px 36px 28px;border:2.4px solid var(--ink);border-radius:30px;background:radial-gradient(circle,rgba(242,233,124,.55) 2.2px,transparent 2.6px) 0 0 / 22px 22px,var(--floor);box-shadow:0 var(--edge) 0 var(--ink);font-family:var(--ui);color:var(--ink);transform:rotate(-1.2deg);transition:transform .5s cubic-bezier(.3,1.6,.5,1)}.credit:hover{transform:rotate(0) translateY(-2px)}.credit[hidden]{display:none}.credit__tag{position:absolute;top:-16px;right:34px;z-index:2;padding:6px 14px 7px;border:2.4px solid var(--ink);border-radius:999px;background:var(--lime);box-shadow:0 3px 0 var(--ink);font:600 12px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;transform:rotate(5deg)}.credit__badge{position:relative;width:172px;aspect-ratio:1;display:grid;place-items:center;border:2.4px solid var(--ink);border-radius:50%;background:var(--pink)}.credit__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:credit-spin 22s linear infinite}.credit__ring text{font:600 14.5px/1 var(--ui);letter-spacing:.12em;fill:var(--ink)}.credit__face{position:relative;width:108px;height:108px;border:2.4px solid var(--ink);border-radius:50%;object-fit:cover;background:var(--yellow);transition:transform .5s cubic-bezier(.3,1.8,.5,1)}.credit__face--empty{background:repeating-linear-gradient(45deg,var(--yellow) 0 6px,var(--floor) 6px 12px)}.credit:hover .credit__face{transform:rotate(-8deg) scale(1.06)}.credit__body{display:grid;justify-items:start;gap:4px;min-width:0}.credit__by{font:600 12px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}.credit__name{margin-top:4px;font:500 56px/1.05 var(--display, "Fraunces", serif);font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144;letter-spacing:-.02em}.credit__name span{padding:0 6px;background:linear-gradient(transparent 58%,var(--lime) 58%,var(--lime) 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}.credit__name--ja{font-family:var(--ui);font-weight:600;font-size:46px;letter-spacing:.04em}.credit__roman{font-size:19px;letter-spacing:0;color:var(--ink2);font-style:italic}.credit__ig{display:inline-flex;align-items:center;gap:8px;height:42px;margin:12px 0 7px;padding:0 16px 0 13px;border:2.4px solid var(--ink);border-radius:999px;background:var(--pink);box-shadow:0 5px 0 var(--ink);font:600 15px/1 var(--ui);color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}.credit__ig:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.credit__ig:active{transform:translateY(5px);box-shadow:0 0 0 var(--ink)}.credit__ig svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9}.credit__ig svg circle:last-child{fill:currentColor;stroke:none}.credit__ig b{font-weight:600;transition:transform .2s}.credit__ig:hover b{transform:translate(2px,-2px)}.credit__note{position:relative;grid-column:1 / -1;margin:6px 0 0;padding:14px 18px;border:2.4px solid var(--ink);border-radius:18px;background:#fff;font-size:14px;line-height:1.7}.credit__note:before,.credit__note:after{content:"";position:absolute;left:64px;width:0;height:0;border:solid transparent}.credit__note:before{top:-17px;border-width:0 10px 16px 10px;border-bottom-color:var(--ink)}.credit__note:after{top:-12px;left:66.5px;border-width:0 7.5px 13px 7.5px;border-bottom-color:#fff}.credit__star{position:absolute;z-index:1;font-style:normal;line-height:1;animation:credit-twinkle 2.4s ease-in-out infinite;pointer-events:none}.credit__star--1{top:18px;left:196px;font-size:22px;color:var(--orange)}.credit__star--2{bottom:98px;left:20px;font-size:16px;color:var(--teal);animation-delay:-.8s}.credit__star--3{top:38%;right:40px;font-size:26px;color:var(--pink);-webkit-text-stroke:1px var(--ink);animation-delay:-1.5s}.credit__star--4{top:22px;left:22px;font-size:14px;color:var(--ink);animation-delay:-.4s}@keyframes credit-spin{to{transform:rotate(360deg)}}@keyframes credit-twinkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(.55) rotate(45deg);opacity:.55}}@media(max-width:1080px){.credit{grid-template-columns:112px minmax(0,1fr);gap:18px 18px;margin:14px 0 48px;padding:28px 20px 20px;border-radius:24px;transform:rotate(-.8deg)}.credit__badge{width:112px}.credit__ring text{font-size:15.5px;letter-spacing:.06em}.credit__face{width:68px;height:68px}.credit__tag{right:20px;font-size:11px}.credit__name{font-size:32px}.credit__name--ja{font-size:27px}.credit__roman{font-size:15px}.credit__ig{height:38px;margin-top:8px;font-size:14px}.credit__note{font-size:13px}.credit__note:before{left:44px}.credit__note:after{left:46.5px}.credit__star--1{left:128px;top:14px;font-size:18px}.credit__star--2{display:none}.credit__star--3{right:12px;top:auto;bottom:30px;font-size:18px}}@media(prefers-reduced-motion:reduce){.credit,.credit__ring,.credit__star,.credit__face{animation:none!important;transition:none!important}}.about__wrap>.credit{margin:14px 0 0}.goods .credit{margin:72px auto 0}.credit__official{grid-column:1 / -1;margin:4px 0 0;font-size:12px;line-height:1.6;color:var(--ink2, rgba(0,0,0,.6))}
/*# sourceMappingURL=/cdn/shop/t/4/assets/yj-credit.css.map */