@charset "UTF-8";.pet-tile{--pt-yellow: #ffe100;--pt-pink: #ff3d8f;--pt-cyan: #19c4e8;--pt-purple: #6b2fe0;--pt-orange: #ff8a1e;--pt-black: #17131d;--pt-cream: #fff8ea;--pt-white: #fff;position:relative;max-width:1200px;margin:0 auto;background:var(--pt-cream);color:var(--pt-black);font-family:Zen Kaku Gothic New,Hiragino Sans,Meiryo,sans-serif;font-size:16px;font-weight:500;line-height:2;letter-spacing:.04em;overflow:hidden}.pet-tile *,.pet-tile *:before,.pet-tile *:after{box-sizing:border-box}.pet-tile img{display:block;max-width:100%;height:auto}.pet-tile h1,.pet-tile h2,.pet-tile h3,.pet-tile p,.pet-tile ul,.pet-tile ol,.pet-tile figure{margin:0;padding:0}.pet-tile ul,.pet-tile ol{list-style:none}.pet-tile h1,.pet-tile h2,.pet-tile h3{font-family:inherit;color:inherit;letter-spacing:inherit}.pet-tile strong{font-weight:900;background:linear-gradient(transparent 60%,var(--pt-yellow) 60%)}.pet-tile section{position:relative;padding:96px 40px}.pet-tile .pt-sp{display:none}.pet-tile .pt-defs{position:absolute;width:0;height:0;overflow:hidden}.pet-tile .pt-c-yellow{fill:var(--pt-yellow)}.pet-tile .pt-c-pink{fill:var(--pt-pink)}.pet-tile .pt-c-cyan{fill:var(--pt-cyan)}.pet-tile .pt-c-purple{fill:var(--pt-purple)}.pet-tile .pt-c-orange{fill:var(--pt-orange)}.pet-tile .pt-splats{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.pet-tile .pt-splat{position:absolute;top:var(--y);left:var(--x);width:var(--s);height:var(--s);opacity:0;transform:rotate(var(--r)) scale(0);transition:opacity .2s ease var(--d, 0s),transform .7s cubic-bezier(.34,1.8,.64,1) var(--d, 0s)}.pet-tile .js-burst.is-show .pt-splat{opacity:1;transform:rotate(var(--r)) scale(1)}.pet-tile .pt-drip{position:absolute;top:-1px;left:0;z-index:1;width:100%;height:64px;pointer-events:none}.pet-tile .pt-drip--cream{fill:var(--pt-cream)}.pet-tile .pt-drip--purple{fill:var(--pt-purple)}.pet-tile .pt-drip--yellow{fill:var(--pt-yellow)}.pet-tile .pt-drip--black{fill:var(--pt-black)}.pet-tile .pt-heading{position:relative;z-index:2;margin-bottom:56px;text-align:center;font-family:Dela Gothic One,Zen Kaku Gothic New,sans-serif;font-size:40px;font-weight:400;line-height:1.4}.pet-tile .pt-heading--left{margin-bottom:28px;text-align:left}.pet-tile .pt-heading__sub{display:table;margin:0 auto 14px;padding:2px 14px;background:var(--pt-black);color:var(--pt-yellow);font-size:15px;letter-spacing:.2em;transform:rotate(-4deg)}.pet-tile .pt-heading--left .pt-heading__sub{margin-left:0}.pet-tile .pt-hero{padding:96px 40px 112px;background:radial-gradient(rgba(255,255,255,.07) 2px,transparent 2.5px) 0 0 / 22px 22px,var(--pt-black);color:var(--pt-white)}.pet-tile .pt-hero__inner{position:relative;z-index:2;display:flex;align-items:center;gap:40px}.pet-tile .pt-hero__text{flex:1}.pet-tile .pt-hero__catch{font-family:Dela Gothic One,Zen Kaku Gothic New,sans-serif;font-size:38px;line-height:1.5}.pet-tile .pt-hero__catch>span{display:inline-block;opacity:0;transition:opacity .3s ease,transform .6s cubic-bezier(.34,1.6,.64,1)}.pet-tile .pt-hero__catch-1{transform:translate(-40px) rotate(-3deg);transition-delay:.3s!important}.pet-tile .pt-hero__catch-2{margin-top:10px;padding:4px 14px;background:var(--pt-yellow);color:var(--pt-black);transform:translate(-40px) rotate(-3deg);transition-delay:.5s!important}.pet-tile .pt-hero.is-show .pt-hero__catch-1,.pet-tile .pt-hero.is-show .pt-hero__catch-2{opacity:1;transform:rotate(-3deg)}.pet-tile .pt-hero__title{margin:36px 0 20px;font-size:24px;font-weight:900;line-height:1.5}.pet-tile .pt-hero__title-sub{display:block;margin-bottom:4px;color:var(--pt-cyan);font-family:Dela Gothic One,sans-serif;font-size:13px;font-weight:400;letter-spacing:.2em}.pet-tile .pt-hero__lead{font-size:15px;opacity:.85}.pet-tile .pt-hero__tiles{position:relative;flex:0 0 52%;aspect-ratio:1 / .92}.pet-tile .pt-hero__tile{position:absolute;width:64%;border:8px solid var(--pt-white);border-radius:6px;box-shadow:10px 12px 0 var(--pt-shadow, var(--pt-pink));opacity:0;transform:translate(var(--from-x, 0),-60px) rotate(calc(var(--pt-rotate) * 4)) scale(1.3);transition:opacity .3s ease,transform .8s cubic-bezier(.34,1.5,.64,1)}.pet-tile .pt-hero__tile img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.pet-tile .pt-hero__tile--1{--pt-rotate: -6deg;--from-x: -80px;--pt-shadow: var(--pt-cyan);top:-40px;left:-43px;z-index:1;transition-delay:.5s}.pet-tile .pt-hero__tile--2{--pt-rotate: 5deg;--from-x: 80px;--pt-shadow: var(--pt-pink);right:42px;bottom:-54px;z-index:2;transition-delay:.8s}.pet-tile .pt-hero.is-show .pt-hero__tile{opacity:1;transform:rotate(var(--pt-rotate))}.pet-tile .pt-hero.is-show .pt-splat{animation:pt-float 6s ease-in-out infinite alternate;animation-delay:calc(var(--d) + .8s)}@keyframes pt-float{0%{translate:0 0}to{translate:0 -14px}}.pet-tile .pt-band{position:relative;z-index:3;margin:-28px -20px 0;padding:12px 0;background:var(--pt-yellow);border-top:4px solid var(--pt-black);border-bottom:4px solid var(--pt-black);transform:rotate(-2deg);overflow:hidden}.pet-tile .pt-band__track{display:flex;width:max-content;animation:pt-marquee 24s linear infinite}.pet-tile .pt-band__track span{padding:0 28px;font-family:Dela Gothic One,sans-serif;font-size:22px;line-height:1.4;white-space:nowrap}.pet-tile .pt-band__track span:after{content:"\25cf";margin-left:56px;color:var(--pt-pink);font-size:.7em;vertical-align:middle}@keyframes pt-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.pet-tile .pt-about{padding-top:120px}.pet-tile .pt-about__inner{position:relative;z-index:2;display:flex;align-items:center;gap:72px;max-width:1000px;margin:0 auto}.pet-tile .pt-about__img{position:relative;flex:0 0 38%}.pet-tile .pt-about__ink{position:absolute;top:-14%;left:-22%;width:140%;height:140%;z-index:0;transform:rotate(-12deg)}.pet-tile .pt-about__img img{position:relative;z-index:1;width:100%;aspect-ratio:4 / 5;object-fit:cover;border:6px solid var(--pt-black);border-radius:6px;transform:rotate(3deg)}.pet-tile .pt-about__body{flex:1;font-size:17px}.pet-tile .pt-about__body p+p{margin-top:1.2em}.pet-tile .pt-gallery{padding-top:128px;background:radial-gradient(rgba(255,255,255,.12) 2px,transparent 2.5px) 0 0 / 22px 22px,var(--pt-purple);color:var(--pt-white)}.pet-tile .pt-gallery .pt-heading__sub{background:var(--pt-yellow);color:var(--pt-black)}.pet-tile .pt-gallery__grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);gap:48px;max-width:1000px;margin:0 auto}.pet-tile .pt-gallery__item{padding:14px 14px 18px;background:var(--pt-white);border:4px solid var(--pt-black);border-radius:6px;box-shadow:10px 10px 0 var(--pt-black);color:var(--pt-black)}.pet-tile .pt-gallery__item.is-show{transform:rotate(-2deg);transition:transform .4s cubic-bezier(.34,1.6,.64,1),opacity .8s ease}.pet-tile .pt-gallery__item:nth-child(2).is-show{transform:rotate(2deg);transition-delay:0s}.pet-tile .pt-gallery__item:nth-child(2){transition-delay:.2s}.pet-tile .pt-gallery__item.is-show:hover{transform:rotate(0) scale(1.03)}.pet-tile .pt-gallery__photos{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pet-tile .pt-gallery__photos img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:3px}.pet-tile .pt-gallery__item figcaption{margin-top:12px;text-align:center;font-size:16px;font-weight:900}.pet-tile .pt-gallery__item figcaption span{display:inline-block;margin-right:10px;padding:0 10px;background:var(--pt-pink);color:var(--pt-white);font-family:Dela Gothic One,sans-serif;font-weight:400;transform:rotate(-4deg)}.pet-tile .pt-gallery__item:nth-child(2) figcaption span{background:var(--pt-cyan)}.pet-tile .pt-scene{padding-top:128px;text-align:center}.pet-tile .pt-scene__list{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:920px;margin:0 auto 56px}.pet-tile .pt-scene__list li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;aspect-ratio:1 / 1;padding:24px;background:var(--pt-white);border:4px solid var(--pt-black);border-radius:6px;box-shadow:8px 8px 0 var(--pt-black);font-size:19px;font-weight:900;line-height:1.5;opacity:0;transform:translateY(60px) rotate(8deg);transition:opacity .4s ease,transform .7s cubic-bezier(.34,1.6,.64,1)}.pet-tile .pt-scene__list li:nth-child(2){transition-delay:.15s}.pet-tile .pt-scene__list li:nth-child(3){transition-delay:.3s}.pet-tile .pt-scene__list.is-show li{opacity:1}.pet-tile .pt-scene__list.is-show li:nth-child(1){transform:rotate(-2deg)}.pet-tile .pt-scene__list.is-show li:nth-child(2){transform:rotate(1.5deg)}.pet-tile .pt-scene__list.is-show li:nth-child(3){transform:rotate(-1deg)}.pet-tile .pt-scene__icon{position:relative;display:grid;place-items:center;width:96px;height:96px}.pet-tile .pt-scene__ink{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pet-tile .pt-scene__svg{position:relative;width:44px;height:44px;fill:none;stroke:var(--pt-black);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.pet-tile .pt-scene__text{font-size:17px;line-height:2.2}.pet-tile .pt-recommend{padding-top:128px;background:radial-gradient(rgba(23,19,29,.08) 2px,transparent 2.5px) 0 0 / 22px 22px,var(--pt-yellow)}.pet-tile .pt-recommend__box{position:relative;z-index:2;max-width:820px;margin:0 auto;padding:56px 64px;background:var(--pt-white);border:4px solid var(--pt-black);border-radius:6px;box-shadow:12px 12px 0 var(--pt-black)}.pet-tile .pt-recommend__title{display:table;margin:-88px auto 36px;padding:6px 28px;background:var(--pt-pink);border:4px solid var(--pt-black);color:var(--pt-white);font-family:Dela Gothic One,Zen Kaku Gothic New,sans-serif;font-size:28px;font-weight:400;transform:rotate(-3deg)}.pet-tile .pt-recommend__list li{position:relative;padding-left:44px;font-size:17px}.pet-tile .pt-recommend__list li+li{margin-top:20px}.pet-tile .pt-recommend__list li:before{content:"";position:absolute;top:.15em;left:0;width:30px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='%2319c4e8'%3E%3Cpath d='M100 30C115 30 118 50 130 48C145 45 150 25 162 32C172 40 158 58 165 68C172 78 192 72 194 86C196 100 175 102 172 114C169 126 186 140 176 152C166 162 150 148 140 156C130 164 136 186 120 188C104 190 106 168 94 164C82 160 70 180 56 172C44 164 58 146 50 136C42 126 18 130 14 116C10 102 32 96 34 84C36 72 20 58 30 48C40 38 56 52 66 46C76 40 84 30 100 30Z'/%3E%3C/svg%3E") no-repeat center / contain}.pet-tile .pt-recommend__list li:nth-child(2):before{filter:hue-rotate(130deg)}.pet-tile .pt-recommend__list li:nth-child(3):before{filter:hue-rotate(250deg)}.pet-tile .pt-flow{padding-top:128px;background:radial-gradient(rgba(255,255,255,.07) 2px,transparent 2.5px) 0 0 / 22px 22px,var(--pt-black);color:var(--pt-white)}.pet-tile .pt-flow .pt-heading__sub{background:var(--pt-yellow);color:var(--pt-black)}.pet-tile .pt-flow__list{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:56px}.pet-tile .pt-flow__step{position:relative;padding:32px 28px;background:var(--pt-white);border:4px solid var(--pt-black);border-radius:6px;box-shadow:8px 8px 0 var(--pt-step, var(--pt-pink));color:var(--pt-black)}.pet-tile .pt-flow__step:nth-child(1){--pt-step: var(--pt-pink)}.pet-tile .pt-flow__step:nth-child(2){--pt-step: var(--pt-cyan);transition-delay:.15s}.pet-tile .pt-flow__step:nth-child(3){--pt-step: var(--pt-yellow);transition-delay:.3s}.pet-tile .pt-flow__step+.pt-flow__step:before{content:"";position:absolute;top:50%;left:-46px;border:14px solid transparent;border-left:18px solid var(--pt-yellow);transform:translateY(-50%)}.pet-tile .pt-flow__num{display:inline-block;padding:0 12px;background:var(--pt-step);color:var(--pt-black);font-family:Dela Gothic One,sans-serif;font-size:15px;letter-spacing:.1em;line-height:1.6;transform:rotate(-4deg)}.pet-tile .pt-flow__num span{margin-left:6px;font-size:24px}.pet-tile .pt-flow__title{margin:16px 0 10px;font-size:19px;font-weight:900;line-height:1.5}.pet-tile .pt-flow__small{margin-top:12px;padding-top:12px;border-top:2px dashed rgba(23,19,29,.2);font-size:13px;line-height:1.7;opacity:.8}.pet-tile .pt-tips{padding-top:128px}.pet-tile .pt-tips__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:960px;margin:0 auto}.pet-tile .pt-tips__card{padding:32px;background:var(--pt-white);border:4px solid var(--pt-black);border-radius:6px;box-shadow:8px 8px 0 var(--pt-tip)}.pet-tile .pt-tips__card--good{--pt-tip: var(--pt-cyan)}.pet-tile .pt-tips__card--bad{--pt-tip: var(--pt-pink);transition-delay:.15s}.pet-tile .pt-tips__label{display:inline-block;margin-bottom:18px;padding:2px 16px;background:var(--pt-tip);border:3px solid var(--pt-black);font-family:Dela Gothic One,sans-serif;font-size:20px;transform:rotate(-3deg)}.pet-tile .pt-tips__card--good .pt-tips__label:before{content:"\25ef  "}.pet-tile .pt-tips__card--bad .pt-tips__label:before{content:"\2715  "}.pet-tile .pt-tips__card li{position:relative;padding-left:1.4em;font-weight:700}.pet-tile .pt-tips__card li+li{margin-top:12px}.pet-tile .pt-tips__card li:before{content:"";position:absolute;top:.75em;left:.2em;width:8px;height:8px;background:var(--pt-tip);border-radius:50%}.pet-tile .js-fade{opacity:0;transform:translateY(32px);transition:opacity .6s ease,transform .7s cubic-bezier(.34,1.5,.64,1)}.pet-tile .js-fade.is-show{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.pet-tile .js-fade,.pet-tile .pt-splat,.pet-tile .pt-hero__tile,.pet-tile .pt-hero__catch>span,.pet-tile .pt-scene__list li{transition:none}.pet-tile .pt-band__track,.pet-tile .pt-hero.is-show .pt-splat{animation:none}}@media(max-width:960px){.pet-tile section{padding:72px 24px}.pet-tile .pt-hero{padding:64px 24px 88px}.pet-tile .pt-hero__inner{flex-direction:column;gap:48px}.pet-tile .pt-hero__text{text-align:center}.pet-tile .pt-hero__tiles{flex:none;width:100%;max-width:520px}.pet-tile .pt-about,.pet-tile .pt-gallery,.pet-tile .pt-scene,.pet-tile .pt-recommend{padding-top:104px}.pet-tile .pt-about__inner{gap:48px}.pet-tile .pt-gallery__grid{gap:32px}.pet-tile .pt-flow,.pet-tile .pt-tips{padding-top:104px}.pet-tile .pt-flow__list{grid-template-columns:1fr;gap:52px;max-width:560px;margin:0 auto}.pet-tile .pt-flow__step+.pt-flow__step:before{top:-46px;left:50%;border:14px solid transparent;border-top:18px solid var(--pt-yellow);transform:translate(-50%)}}@media(max-width:640px){.pet-tile{font-size:15px}.pet-tile .pt-sp{display:inline}.pet-tile .pt-pc{display:none}.pet-tile section{padding:56px 16px}.pet-tile .pt-splat{width:calc(var(--s) * .55);height:calc(var(--s) * .55)}.pet-tile .pt-drip{height:40px}.pet-tile .pt-hero{padding:48px 16px 72px}.pet-tile .pt-hero__catch{font-size:26px}.pet-tile .pt-hero__title{margin:28px 0 16px;font-size:19px}.pet-tile .pt-hero__lead{font-size:13px}.pet-tile .pt-hero__tile{width:66%;border-width:5px;box-shadow:6px 8px 0 var(--pt-shadow, var(--pt-pink))}.pet-tile .pt-band__track span{padding:0 16px;font-size:16px}.pet-tile .pt-band__track span:after{margin-left:32px}.pet-tile .pt-heading{margin-bottom:36px;font-size:26px}.pet-tile .pt-heading--left{text-align:center}.pet-tile .pt-heading--left .pt-heading__sub{margin-left:auto}.pet-tile .pt-about,.pet-tile .pt-gallery,.pet-tile .pt-scene,.pet-tile .pt-recommend{padding-top:88px}.pet-tile .pt-about__inner{flex-direction:column;gap:48px}.pet-tile .pt-about__img{flex:none;width:70%}.pet-tile .pt-about__body{font-size:15px}.pet-tile .pt-about .pt-splat:nth-child(2){display:none}.pet-tile .pt-gallery__grid{grid-template-columns:1fr;gap:36px}.pet-tile .pt-gallery__item{box-shadow:6px 6px 0 var(--pt-black)}.pet-tile .pt-scene__list{grid-template-columns:1fr;gap:16px;margin-bottom:40px}.pet-tile .pt-scene__list li{flex-direction:row;justify-content:flex-start;aspect-ratio:auto;padding:12px 20px;box-shadow:5px 5px 0 var(--pt-black);text-align:left;font-size:16px}.pet-tile .pt-scene__list li br{display:none}.pet-tile .pt-scene__icon{flex:none;width:64px;height:64px}.pet-tile .pt-scene__svg{width:30px;height:30px}.pet-tile .pt-scene__text{font-size:15px;line-height:2}.pet-tile .pt-recommend__box{padding:48px 20px 32px;box-shadow:7px 7px 0 var(--pt-black)}.pet-tile .pt-recommend__title{margin-top:-76px;font-size:21px}.pet-tile .pt-recommend__list li{padding-left:36px;font-size:15px}.pet-tile .pt-recommend__list li:before{width:24px;height:24px}.pet-tile .pt-flow,.pet-tile .pt-tips{padding-top:88px}.pet-tile .pt-flow__step{padding:24px 20px;box-shadow:6px 6px 0 var(--pt-step)}.pet-tile .pt-flow__title{font-size:17px}.pet-tile .pt-tips__grid{grid-template-columns:1fr;gap:24px}.pet-tile .pt-tips__card{padding:24px 20px;box-shadow:6px 6px 0 var(--pt-tip)}.pet-tile .pt-tips__label{font-size:17px}.pet-tile .pt-hero__tile--1{top:-20px;left:0}.pet-tile .pt-hero__tile--2{right:0;bottom:-62px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/pet-tile.css.map */