.p2 .ugc{width:58%}.p2 .ugc .ph{position:relative;aspect-ratio:4/5;border-radius:var(--r2);overflow:hidden;background:var(--pill)}.p2 .ugc .ph img{width:100%;height:100%;object-fit:cover}.p2 .ugc b{display:block;margin-top:8px;font:500 var(--t2)/1.3 var(--f-text)}.p2 .ex{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;padding:8px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 8px 20px -16px #010f2059;text-align:left;width:100%;transition:transform .25s var(--e-out),box-shadow .25s}.p2 .ex:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--pill2),0 14px 26px -16px #010f2066}.p2 .ex .pv{position:relative;height:56px;border-radius:10px;background:var(--wash);display:grid;place-items:center;overflow:hidden}.p2 .ex .pv canvas{width:auto;height:auto;max-width:88%;max-height:46px}.p2 .ex .est{min-width:0;font:500 11px/1.35 var(--f-text);color:var(--ink3)}.p2 .ex .est b{display:block;font:500 var(--t1)/1.3 var(--f-text);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p2 .ex .est .okd{color:var(--blue)}.p2 .ex .go{height:36px;padding:0 12px;border-radius:12px;background:var(--ink);color:#fff;font:500 var(--t1)/36px var(--f-text);white-space:nowrap}.p2 .reads em.bad{color:var(--blue)}.p2 .warn{display:flex;gap:8px;margin-top:10px;padding:10px 12px;border-radius:12px;background:#fff;font:500 var(--t1)/1.45 var(--f-text);color:var(--ink2);box-shadow:inset 0 0 0 1px var(--blue)}.p2 .warn svg{flex:none;width:18px;height:18px;color:var(--blue)}.p2 .warn button{color:var(--blue);text-decoration:underline;font:inherit}.p2 .ug{flex:none;width:44%;max-width:220px;scroll-snap-align:start}.p2 .ug .ph{position:relative;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:var(--pill)}.p2 .ug img{width:100%;height:100%;object-fit:cover}.p2 .ug .dm{position:absolute;left:8px;top:8px;padding:4px 6px;border-radius:5px;background:#ffffffe6;font:500 9px/1 var(--f-text);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}.p2 .ug .tr{position:absolute;right:8px;bottom:8px;height:28px;padding:0 10px;border-radius:999px;background:#fffffff0;font:500 11px/28px var(--f-text);color:var(--ink)}.p2 .ug b{display:block;margin-top:8px;font:500 var(--t1)/1.25 var(--f-text)}.p2 .ug span{display:block;font:500 11px/1.3 var(--f-text);color:var(--ink3)}.p2 .mfab{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 92px);z-index:90;display:flex;align-items:center;gap:8px;height:46px;padding:0 16px 0 12px;border-radius:999px;background:var(--blue);color:#fff;font:500 var(--t2)/1 var(--f-text);box-shadow:0 12px 28px -10px #2d63e0b3;transform:translateY(16px);opacity:0;pointer-events:none;transition:transform .4s var(--e-spring),opacity .3s}.p2 .mfab.on{transform:none;opacity:1;pointer-events:auto}.p2 .mfab svg{width:20px;height:20px}.p2 .dx .ad{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;transition:transform .25s var(--e-spring),background .2s}.p2 .dx .ad svg{width:16px;height:16px}.p2 .dx .ad.done{background:var(--blue)}.p2 .dx .ad:active{transform:scale(.9)}.p2 .wx{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;margin-top:8px;padding:8px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);text-align:left}.p2 .wx .pv{display:grid;place-items:center;height:56px;border-radius:10px;background:var(--wash);font-size:26px;color:#1c2433}.p2 .wx .est{min-width:0;font:500 11px/1.35 var(--f-text);color:var(--ink3)}.p2 .wx .est b{display:block;font:500 var(--t1)/1.3 var(--f-text);color:var(--ink)}.p2 .wx .go{height:36px;padding:0 12px;border-radius:12px;background:var(--ink);color:#fff;font:500 var(--t1)/36px var(--f-text);white-space:nowrap}.p2 .mfab{background:var(--ink);box-shadow:0 12px 28px -10px #010f2099}.p2 .dx .tx b,.p2 .ex .est b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}@media(min-width:900px){.p2 .ug{width:23%}}@media(min-width:900px){.p2 .mfab{bottom:28px}}.p2 .sfr{border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.p2 .sfh{display:grid;grid-template-columns:minmax(0,92px) minmax(0,1fr) auto;gap:4px 10px;align-items:center;width:100%;padding:10px 12px;text-align:left}.p2 .sfh b{font:500 var(--t1)/1.2 var(--f-text);color:var(--ink)}.p2 .sfh .sfbar{position:relative;height:8px;border-radius:4px;background:var(--pill)}.p2 .sfh .sfbar i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:#c9d0d6;transition:width .5s var(--e-out)}.p2 .sfh .sfbar em{position:absolute;top:-4px;width:2px;height:16px;margin-left:-1px;background:var(--blue);transition:left .5s var(--e-spring)}.p2 .sfh .v{font:500 10px/1 var(--f-text);padding:5px 7px;border-radius:999px;white-space:nowrap}.p2 .sfh .v.ok{background:var(--ink);color:#fff}.p2 .sfh .v.tg{background:var(--pill);color:var(--ink)}.p2 .sfh .v.wr{box-shadow:inset 0 0 0 1px var(--blue);color:var(--blue)}.p2 .sfh .v.nm{color:var(--ink3)}.p2 .sfh small{grid-column:2 / span 2;font:500 10px/1.2 var(--f-text);color:var(--ink3)}.p2 .sfb{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:0 12px 12px;animation:p2-blin2 .35s var(--e-out)}.p2 .sfb img{width:110px;height:auto;border-radius:12px;background:var(--wash)}.p2 .sfb p{margin:0 0 6px;font:500 var(--t1)/1.45 var(--f-text);color:var(--ink2)}.p2 .sfb p b{color:var(--ink);font-weight:500}.p2 .sfd{display:flex;align-items:center;gap:8px;margin-top:4px;padding:6px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);font:500 11px/1.3 var(--f-text);color:var(--ink)}.p2 .sfd img{width:44px;height:44px;border-radius:8px;background:#f3f4f5;object-fit:contain;mix-blend-mode:multiply;padding:4px}.p2 .sfd small{display:block;font:500 9px/1.2 var(--f-text);letter-spacing:.07em;text-transform:uppercase;color:var(--blue)}.p2 .sfj{display:inline-block;margin-top:8px;font:500 var(--t1)/1 var(--f-text);color:var(--blue)}@media(min-width:900px){.p2 .sfh{grid-template-columns:140px minmax(0,1fr) auto}}@media(min-width:900px){.p2 .sfb{grid-template-columns:160px minmax(0,1fr)}}@media(min-width:900px){.p2 .sfb img{width:160px}}.p2 .ds{margin-top:20px}.p2 .dsg{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"in" "pv" "an" "ct";gap:0}.p2 .dsin{grid-area:in}.p2 .dspv{grid-area:pv}.p2 .dsct{grid-area:ct}.p2 .dsan{grid-area:an}.p2 .dl0{display:block;font:500 var(--t1)/1.2 var(--f-text);color:var(--ink3);letter-spacing:.02em}.p2 .ds input{display:block;width:100%;margin-top:6px;border:0;background:var(--wash);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font-family:var(--f-text);font-weight:500}.p2 .ds input:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--blue)}.p2 #dsDate{height:52px;padding:0 14px;border-radius:12px;font-size:20px}.p2 .dsrow{margin-top:14px}.p2 .dsseg{display:flex;gap:4px;margin-top:6px;padding:4px;border-radius:12px;background:var(--pill);overflow-x:auto;scrollbar-width:none}.p2 .dsseg::-webkit-scrollbar{display:none}.p2 .dsseg .dsmore{flex:1 0 100%;min-height:30px;padding:6px 4px 2px;background:none!important;box-shadow:none!important;color:var(--ink2);text-align:left;text-decoration:underline;text-underline-offset:3px}.p2 .dsseg .dsmore[aria-pressed=true]{color:var(--ink)}.p2 .dsseg button{flex:1 0 auto;min-height:36px;padding:4px 12px;border-radius:9px;font:500 var(--t2)/1.15 var(--f-text);color:var(--ink3);transition:background .25s var(--e-out),color .2s,box-shadow .25s}.p2 .dsseg button small{display:block;font-size:11px;color:var(--ink3)}.p2 .dsseg button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 4px #1b1d1f1f}.p2 .dspv{position:sticky;top:calc(var(--hh) + 47px);z-index:12;margin:16px calc(-1 * var(--gl)) 0;padding:10px var(--gr) 10px var(--gl);background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.p2 .dsbox{position:relative;display:grid;place-items:center;min-height:150px;padding:28px 16px 18px;border-radius:var(--r2);background:#f3eee8;text-align:center;overflow:hidden}.p2 .dsbox span{display:block;white-space:pre-line;line-height:1.12;color:#2a2420;overflow-wrap:anywhere}.p2 .dsbadge{position:absolute;left:10px;top:10px;height:22px;padding:0 8px;border-radius:999px;font:500 12px/22px var(--f-text)}.p2 .dsbadge.dsok{background:#e7f5ecf2;color:#1d6b3a}.p2 .dsbadge.dsbad{background:#fdf0e2f2;color:#8a4b08}.p2 .sw{animation:p2-dssw .38s var(--e-out) both}.p2 .dsct{padding-bottom:4px}.p2 .dsadd{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.p2 .dsadd button{height:36px;padding:0 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--pill2,#D5D8DB);font:500 var(--t2)/1 var(--f-text);color:var(--ink2);transition:background .2s,color .2s}.p2 .dsadd button:before{content:"+ "}.p2 .dsadd button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}.p2 .dsadd button[aria-pressed=true]:before{content:"\2713  "}.p2 .dsx{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.p2 .dsx label[hidden]{display:none}.p2 .dsx input{height:44px;padding:0 12px;border-radius:10px;font-size:var(--t3)}.p2 .ds[data-sys=word] .k-sep,.p2 .ds[data-sys=oth] .k-sep,.p2 .ds[data-sys=oth] .k-show,.p2 .ds[data-sys=oth] .k-lines,.p2 .ds[data-sys=oth] .k-yr,.p2 .ds[data-sys=oth] .k-letter,.p2 .ds[data-sys=oth] .k-add,.p2 .ds[data-show=year] .k-lines,.p2 .ds[data-show=year] .k-sep{display:none}.p2 .ds:not([data-sys=oth]) .k-script{display:none}.p2 .ds:not([data-sys=word]) [data-k=yr] [data-v=w]{display:none}.p2 .dsan{margin-top:6px;border-top:1px solid var(--line)}.p2 .dsct{margin-top:8px}.p2 .dsa{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--line);font:500 var(--t2)/1.5 var(--f-text);color:var(--ink2)}.p2 .dsa[hidden]{display:none}.p2 .dsa>b{font-weight:500;color:var(--ink)}.p2 .dsa em{font-style:normal;color:var(--ink)}.p2 .dsa.dsbad>b{color:#8a4b08}.p2 .dsfix{grid-column:2;justify-self:start;margin-top:4px;font:500 var(--t2)/1.3 var(--f-text);color:var(--blue)}.p2 .dsp{display:flex;flex-wrap:wrap;gap:4px 14px}.p2 .dsp i{font-style:normal}.p2 .dsp em{font:500 17px/1.2 Cormorant Garamond,Georgia,serif}.p2 .dsw{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.p2 .dsw[hidden]{display:none}.p2 .dsw img{flex:none;width:96px;height:64px;object-fit:cover;border-radius:10px;background:var(--pill);cursor:zoom-in}.p2 .dsw span{font:500 var(--t2)/1.45 var(--f-text);color:var(--ink2)}.p2 .dsw b{display:block;font-weight:500;color:var(--ink)}.p2 #dsGo{width:100%;margin-top:14px}.p2 #dsGo:disabled{background:var(--pill);color:var(--ink3)}@media(min-width:900px){.p2 .dsg{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"pv in" "pv ct" "an ct";gap:0 32px;align-items:start}}@media(min-width:900px){.p2 .dspv{margin:0;padding:0;top:calc(var(--hh) + 60px);background:none;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(min-width:900px){.p2 .dsbox{min-height:240px}}@media(min-width:900px){.p2 .dsan{margin-top:0;border-top:0;position:sticky;top:calc(var(--hh) + 316px)}}.p2 .mfab.dphide{opacity:0!important;pointer-events:none!important}@media(prefers-reduced-motion:reduce){.p2 .sw{animation:none}}.p2 .dsocc{margin:8px 0 0;padding:10px 12px;border-radius:12px;background:var(--blue-t);font:500 var(--t2)/1.5 var(--f-text);color:var(--ink2)}.p2 .dsocc a{color:var(--blue);white-space:nowrap}.p2-ar a.ex,.p2-ar a.wx{text-decoration:none;color:inherit}.p2-ar .ex .pv .pvt,.p2-ar .wx .pv .pvt{display:block;max-width:88%;overflow:hidden;line-height:1.1;text-align:center;white-space:nowrap;color:#1c2433}.p2-ar .dxs{display:grid;gap:8px;margin-top:12px}.p2-ar .dx .tx b a{color:inherit}.p2-ar .bt .tsx{font-size:15px;color:var(--ink)}.p2-ar .bt small{color:var(--ink3)}.p2-ar table.bt td a{display:inline-block;height:28px;padding:0 10px;border-radius:999px;background:var(--ink);color:#fff;font:500 11px/28px var(--f-text);white-space:nowrap}.p2-ar .warn a{color:var(--blue);text-decoration:underline}.p2-ar .ds .dsdl{display:block}.p2-ar .ds #dsGo{display:flex;justify-content:center;text-decoration:none}.p2-ar #dsText span{color:#1c2433}.p2-ar .ds [data-k=letter] button{font-size:16px}.p2-ar .ds[data-jp-tool=date-studio]{margin-top:0}.p2-ar .abody .bsec:has(>[data-jp-tool=date-studio]){margin-top:20px}.p2-ar .ds [lang]{font-family:PingFang SC,Hiragino Sans,Noto Sans CJK SC,Microsoft YaHei,Yu Gothic,Apple SD Gothic Neo,Malgun Gothic,Noto Sans,system-ui,sans-serif}
/*# sourceMappingURL=/cdn/shop/t/188/assets/jp-p2-ar-tools.css.map */