@charset "UTF-8";.pet-handmade{--ph-brown: #4a2c17;--ph-brown-light: #7a5a40;--ph-orange: #e9a028;--ph-yellow: #fbe7a1;--ph-cream: #fdf8ee;--ph-beige: #f4eadb;--ph-white: #fff;--ph-blue: #6f8fa8;max-width:1200px;margin:0 auto;background:var(--ph-cream);color:var(--ph-brown);font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:16px;line-height:1.9;letter-spacing:.04em;overflow:hidden}.pet-handmade *,.pet-handmade *:before,.pet-handmade *:after{box-sizing:border-box}.pet-handmade img{display:block;max-width:100%;height:auto}.pet-handmade h1,.pet-handmade h2,.pet-handmade h3,.pet-handmade p,.pet-handmade ul,.pet-handmade ol,.pet-handmade figure{margin:0;padding:0}.pet-handmade ul,.pet-handmade ol{list-style:none}.pet-handmade h1,.pet-handmade h2,.pet-handmade h3{font-family:inherit;color:inherit;letter-spacing:inherit}.pet-handmade strong{font-weight:700;background:linear-gradient(transparent 60%,var(--ph-yellow) 60%)}.pet-handmade section{padding:80px 40px}.pet-handmade .ph-sp{display:none}.pet-handmade .ph-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pet-handmade .ph-heading{margin-bottom:48px;text-align:center;font-size:30px;font-weight:900;line-height:1.5}.pet-handmade .ph-heading__sub{display:block;margin-bottom:4px;color:var(--ph-orange);font-size:14px;font-weight:700;letter-spacing:.3em}.pet-handmade .ph-marker{background:linear-gradient(transparent 55%,var(--ph-yellow) 55%);padding:0 .2em}.pet-handmade .ph-hero{padding:0}.pet-handmade .ph-hero__item{position:relative}.pet-handmade .ph-hero__item img{width:100%}.pet-handmade .ph-hero__item:before{content:"";position:absolute;bottom:45%;left:0;width:60%;height:auto;aspect-ratio:1671 / 941;background:var(--ph-text-img) no-repeat center / contain;z-index:1;pointer-events:none;opacity:0;clip-path:inset(0 100% 0 0);transform:scale(1.03);filter:drop-shadow(4px 6px 6px rgba(0,0,0,.25));transition:clip-path 1.2s cubic-bezier(.65,0,.35,1),opacity .3s ease,transform .4s ease 1.1s,filter .4s ease 1.1s}.pet-handmade .ph-hero__item.is-show:before{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1);filter:drop-shadow(1px 2px 2px rgba(0,0,0,.15))}.pet-handmade .ph-intro{text-align:center}.pet-handmade .ph-intro__title{font-size:32px;font-weight:900;line-height:1.6}.pet-handmade .ph-intro__em{color:var(--ph-orange);font-size:1.2em;background:linear-gradient(transparent 65%,var(--ph-yellow) 65%)}.pet-handmade .ph-intro__small{display:inline-block;margin-top:8px;font-size:.7em;font-weight:700}.pet-handmade .ph-intro__photos{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:960px;margin:48px auto}.pet-handmade .ph-intro__photos li{padding:10px 10px 32px;background:var(--ph-white);box-shadow:0 8px 20px #4a2c1726;opacity:0;transform:translateY(60px) rotate(var(--ph-rotate, 0deg));transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.pet-handmade .ph-intro__photos li:nth-child(1){--ph-rotate: -3deg;transition-delay:0s}.pet-handmade .ph-intro__photos li:nth-child(2){--ph-rotate: 2deg;transition-delay:.25s}.pet-handmade .ph-intro__photos li:nth-child(3){--ph-rotate: -1.5deg;transition-delay:.5s}.pet-handmade .ph-intro__photos.is-show li{opacity:1;transform:translateY(0) rotate(var(--ph-rotate, 0deg))}.pet-handmade .ph-intro__photos img{width:100%}.pet-handmade .ph-intro__text{font-size:18px;font-weight:500;line-height:2}.pet-handmade .ph-about{background:var(--ph-beige)}.pet-handmade .ph-about__body{max-width:760px;margin:0 auto;text-align:center;font-size:17px}.pet-handmade .ph-about__text p+p{margin-top:1.2em}.pet-handmade .ph-point{display:flex;align-items:center;gap:56px}.pet-handmade .ph-point+.ph-point{margin-top:80px}.pet-handmade .ph-point--reverse{flex-direction:row-reverse}.pet-handmade .ph-point__img{flex:0 0 44%;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #4a2c1726}.pet-handmade .ph-point__img img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.pet-handmade .ph-point__img figcaption{padding:8px 12px;background:var(--ph-white);color:var(--ph-brown-light);font-size:13px;text-align:center}.pet-handmade .ph-point__body{flex:1}.pet-handmade .ph-point__body>p+p,.pet-handmade .ph-point__body .ph-note,.pet-handmade .ph-point__body .ph-note+p{margin-top:1em}.pet-handmade .ph-point__num{color:var(--ph-orange);font-size:48px;font-weight:900;line-height:1}.pet-handmade .ph-point__title{margin:12px 0 20px;padding-bottom:16px;border-bottom:2px dashed var(--ph-orange);font-size:22px;font-weight:900;line-height:1.6}.pet-handmade .ph-note{padding:16px 20px;background:var(--ph-white);border-left:4px solid var(--ph-orange);border-radius:0 8px 8px 0;font-size:14px}.pet-handmade .ph-note__title{font-weight:700;color:var(--ph-orange)}.pet-handmade .ph-recommend{background:var(--ph-beige)}.pet-handmade .ph-recommend__box{max-width:820px;margin:0 auto;padding:48px 56px;background:var(--ph-white);border:3px solid var(--ph-orange);border-radius:20px}.pet-handmade .ph-recommend__title{margin-bottom:28px;text-align:center;font-size:26px;font-weight:900}.pet-handmade .ph-recommend__list li{position:relative;padding-left:40px;font-size:17px}.pet-handmade .ph-recommend__list li+li{margin-top:16px}.pet-handmade .ph-recommend__list li:before{content:"";position:absolute;top:.3em;left:0;width:26px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23e9a028'%3E%3Cellipse cx='32' cy='44' rx='15' ry='12'/%3E%3Cellipse cx='14' cy='28' rx='6' ry='8'/%3E%3Cellipse cx='25' cy='16' rx='6' ry='8'/%3E%3Cellipse cx='39' cy='16' rx='6' ry='8'/%3E%3Cellipse cx='50' cy='28' rx='6' ry='8'/%3E%3C/svg%3E") no-repeat center / contain}.pet-handmade .ph-flow__list{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.pet-handmade .ph-flow__step{position:relative;padding:32px 28px;background:var(--ph-white);border-radius:16px;box-shadow:0 6px 18px #4a2c1714}.pet-handmade .ph-flow__step+.ph-flow__step:before{content:"";position:absolute;top:50%;left:-32px;width:16px;height:16px;border-top:3px solid var(--ph-orange);border-right:3px solid var(--ph-orange);transform:translateY(-50%) rotate(45deg)}.pet-handmade .ph-flow__num{color:var(--ph-orange);font-size:14px;font-weight:700;letter-spacing:.15em;line-height:1}.pet-handmade .ph-flow__num span{margin-left:4px;font-size:36px;font-weight:900}.pet-handmade .ph-flow__title{margin:12px 0;font-size:19px;font-weight:900;line-height:1.5}.pet-handmade .ph-flow__small{margin-top:12px;color:var(--ph-brown-light);font-size:13px;line-height:1.7}.pet-handmade .gard-txt{background:var(--ph-white);padding:32px 28px;border-radius:16px;box-shadow:0 6px 18px #4a2c1714;margin:48px 0 0}.pet-handmade .ph-tips{background:var(--ph-beige)}.pet-handmade .ph-tips .ph-heading{font-size:26px}.pet-handmade .ph-tips__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.pet-handmade .ph-tips__card{padding:32px;background:var(--ph-white);border-top:6px solid;border-radius:16px}.pet-handmade .ph-tips__card--good{border-color:var(--ph-orange)}.pet-handmade .ph-tips__card--bad{border-color:var(--ph-blue)}.pet-handmade .ph-tips__label{margin-bottom:16px;font-size:20px;font-weight:900}.pet-handmade .ph-tips__card--good .ph-tips__label{color:var(--ph-orange)}.pet-handmade .ph-tips__card--bad .ph-tips__label{color:var(--ph-blue)}.pet-handmade .ph-tips__card--good .ph-tips__label:before{content:"\25ef  "}.pet-handmade .ph-tips__card--bad .ph-tips__label:before{content:"\2715  "}.pet-handmade .ph-tips__card li{position:relative;padding-left:1.2em}.pet-handmade .ph-tips__card li+li{margin-top:10px}.pet-handmade .ph-tips__card li:before{content:"\30fb";position:absolute;left:0}.pet-handmade .ph-tips__fit{max-width:260px;margin:20px auto 0;text-align:center}.pet-handmade .ph-tips__fit-stage{position:relative;overflow:hidden}.pet-handmade .ph-tips__fit-frame{position:relative;z-index:10;width:100%}.pet-handmade .ph-tips__fit-photo{position:absolute;z-index:1;top:6.29%;left:6.33%;width:87.56%;height:81.71%;object-fit:cover;opacity:0;transform:scale(1.8);transition:transform 1s cubic-bezier(.34,1.56,.64,1) .3s,opacity .5s ease .3s}.pet-handmade .ph-tips__fit.is-show .ph-tips__fit-photo{opacity:1;transform:scale(1)}.pet-handmade .ph-tips__fit figcaption{margin-top:6px;color:var(--ph-orange);font-size:12px;font-weight:700}.pet-handmade .ph-tips__fit--ng .ph-tips__fit-photo{object-fit:contain;background:#e6e9ec}.pet-handmade .ph-tips__fit--ng figcaption{color:var(--ph-blue)}.pet-handmade .ph-tips__example{max-width:140px;margin:20px auto 0;text-align:center}.pet-handmade .ph-tips__example img{width:100%;border-radius:8px;border:3px solid var(--ph-blue)}.pet-handmade .ph-tips__example figcaption{margin-top:6px;color:var(--ph-blue);font-size:12px;font-weight:700}.pet-handmade .js-fade{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.pet-handmade .js-fade.is-show{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.pet-handmade .js-fade,.pet-handmade .ph-intro__photos li,.pet-handmade .ph-tips__fit-photo,.pet-handmade .ph-hero__item:before{transition:none}}@media(max-width:960px){.pet-handmade section{padding:64px 24px}.pet-handmade .ph-point,.pet-handmade .ph-point--reverse{gap:32px}.pet-handmade .ph-flow__list{grid-template-columns:1fr;gap:40px;max-width:560px;margin:0 auto}.pet-handmade .ph-flow__step+.ph-flow__step:before{top:-28px;left:50%;transform:translate(-50%) rotate(135deg)}}@media(max-width:640px){.pet-handmade{font-size:15px}.pet-handmade .ph-sp{display:inline}.pet-handmade .ph-pc{display:none}.pet-handmade section{padding:56px 16px}.pet-handmade .ph-intro__title{font-size:21px}.pet-handmade .ph-intro__photos{gap:10px;margin:32px auto}.pet-handmade .ph-intro__photos li{padding:5px 5px 16px}.pet-handmade .ph-intro__text{font-size:15px}.pet-handmade .ph-about__body{text-align:left;font-size:15px}.pet-handmade .ph-heading{margin-bottom:32px;font-size:22px}.pet-handmade .ph-tips .ph-heading{font-size:20px}.pet-handmade .ph-point,.pet-handmade .ph-point--reverse{flex-direction:column;gap:24px}.pet-handmade .ph-point+.ph-point{margin-top:56px}.pet-handmade .ph-point__img{flex:none;width:100%}.pet-handmade .ph-point__num{font-size:40px}.pet-handmade .ph-point__title{font-size:19px}.pet-handmade .ph-recommend__box{padding:32px 20px}.pet-handmade .ph-recommend__title{font-size:21px}.pet-handmade .ph-recommend__list li{padding-left:34px;font-size:15px}.pet-handmade .ph-recommend__list li:before{width:22px;height:22px}.pet-handmade .ph-tips__grid{grid-template-columns:1fr;gap:20px}.pet-handmade .ph-tips__card{padding:24px 20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/pet-handmade.css.map */