*,body{word-break:break-all}h1,h2,p{margin:0}a,body{color:#444}.detail--btn,.text-bold{font-weight:700}.flex,.grid,.items{gap:clamp(.5rem,2vw,1rem)}.search,header{position:-webkit-sticky;z-index:2}.icon,img{vertical-align:bottom}.card--body,.tag,footer a,header nav a{text-decoration:none}*{position:relative;box-sizing:border-box;line-height:1.7;-webkit-backface-visibility:hidden;backface-visibility:hidden}.preload *{transition:none!important}.card,.card:hover,.detail--btn,.detail--btn:hover,.search .filter,.search .filter .icon,.search .filter:hover,.search .filter:hover .icon,.slide,.slide.on,header .profile img,header .profile:hover img,header nav a,header nav a .icon,header nav a:hover,header nav a:hover .icon{transition:.3s}html{scroll-behavior:smooth;font-size:16px}body{width:100%;height:100%;font-size:14px;font-family:sans-serif;padding-bottom:4rem}h1,h2{line-height:1.3;font-family:"Noto Sans JP",sans-serif}img{max-width:100%;width:auto;height:auto;line-height:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-main{color:#E8AA1E}.text-sub{color:#ED4D4D}.text-white{color:#fff}.text-gray{color:#999}.text-10{font-size:10px}.text-12{font-size:12px}.text-16{font-size:16px}.text-18{font-size:18px}.text-20{font-size:20px}.text-24{font-size:24px}.text-32{font-size:32px}.text-single{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-double{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.flex{display:flex}.grid{display:grid;align-content:center}.cc{justify-content:center;align-items:center}.ac{align-items:center}.between{justify-content:space-between}.gap-0{gap:0}.gap-1{gap:1rem}.gap-2{gap:2rem}header{display:flex;justify-content:space-between;align-items:center;padding:clamp(1rem,4vw,1.5rem) clamp(1rem,4vw,2rem);gap:clamp(1rem,4vw,2rem);position:sticky;top:0;background:#fff}header .logo,header nav{display:flex;align-items:center}header *{line-height:0!important}header a{display:inline-block}header .logo{gap:1rem}header nav{gap:2rem}header nav a:hover .icon{stroke:#E8AA1E}header .notification.on::after{content:"";position:absolute;width:5px;height:5px;background:#EF1D1D;top:0;right:0;border-radius:100%}header .profile{margin:-5px}header .profile img{width:50px;height:50px;-o-object-fit:cover;object-fit:cover;border-radius:100%;border:5px solid #eee}header .profile:hover img{border-color:#E8AA1E}section{padding:0 clamp(1rem,4vw,2rem);width:clamp(20rem,100%,75rem);margin:0 auto}footer{background:#E8AA1E;position:fixed;bottom:0;width:100%;z-index:11}footer .sp--nav{display:grid;grid-template:auto/1fr 1fr 1fr 1fr}footer a{display:block;padding:1rem;text-align:center}.badge,.tag{display:inline-block;font-size:10px}footer a .icon{stroke:#fff}.icon{stroke:#777;line-height:0}.tag{color:#fff;background:#999;line-height:1;padding:4px 8px;border-radius:4px}.badge,.card--name,.detail--fav{color:#999}.badge{background:#fff;line-height:1;padding:3px 8px;border-radius:15px;border:1px solid #999;margin-right:.5rem}.sp{display:none}.hero--img{border-radius:1rem 0 0 1rem;-o-object-fit:cover;object-fit:cover;height:100%}.hero--body{padding:1rem}.hero .container{margin:0 auto;display:grid;align-items:center;grid-template:auto/1fr 20rem;background:#E8AA1E;border-radius:1rem}.hero .info,.search{justify-content:center}.hero .info{display:flex;align-items:center}.hero .info--item{display:grid;gap:8px;background:#fff;padding:1rem;border-radius:1rem}.hero .info--item *{text-align:center;line-height:1}.search{margin:1rem auto;padding:1rem 0;background:#fff;display:flex;align-items:center;gap:2rem;position:sticky;top:88px}.search--btn,.search--keyword,.slide{background:#f8f8f8}.search--keyword{font-size:16px;height:3rem;padding:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;accent-color:#E8AA1E;border:1px solid #ddd;border-radius:1.5rem}.search--btn{border:0;position:absolute;padding:.5rem;border-radius:1.5rem;right:10px;top:50%;transform:translateY(-50%);cursor:pointer}.search--btn .icon{width:1rem;height:1rem}.search .filter{cursor:pointer;margin-right:.5rem}.search .filter:hover .icon{stroke:#E8AA1E}.slide{position:fixed;top:0;right:0;width:100%;height:100vh;padding:clamp(1rem,4vw,2rem);z-index:5;transform:translateX(100%)}.slide.on{transform:translateX(0)}.slide .close{position:absolute;top:clamp(1rem,4vw,2rem);right:clamp(1rem,4vw,2rem);cursor:pointer;z-index:9}.items{display:grid;grid-template:auto/repeat(auto-fill,minmax(228px,1fr))}.card--body,.card--img{display:block}.card{background:#fff;border-radius:1rem;box-shadow:0 0 10px rgba(0,0,0,.15);z-index:1}.card:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.card--img img{border-radius:1rem 1rem 0 0;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card--body{padding:clamp(.5rem,2vw,1rem)}.card--body.top{margin-top:calc(-18px - clamp(.5rem,2vw,1rem))}.card--fav{position:absolute;width:1.5rem;height:1.5rem;border-radius:100%;background:#fff;display:flex;justify-content:center;align-items:center;top:.5rem;right:.5rem;pointer-events:auto;z-index:2}.card--user img,.detail--user{height:36px;-o-object-fit:cover}.card--fav.on,.detail--btn{background:#E8AA1E}.card--fav .fav{fill:#ccc;margin-top:-1px}.card--fav:hover .fav{fill:#E8AA1E}.card--fav.on .fav{fill:#fff}.card--user{display:inline-block;cursor:pointer;z-index:2}.card--user img{width:36px;object-fit:cover;border-radius:100%;border:3px solid #eee}.card--item{line-height:1.4}.card--price{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.card--tags{margin-top:1rem;display:flex;flex-wrap:wrap-reverse;gap:4px;height:40px}.card--tags object{height:18px;line-height:1}.oneorder{width:clamp(1rem,100%,30rem);margin:2rem auto;border:1px solid #eee}.detail{margin:0 auto;display:grid;grid-template:auto/400px 1fr;gap:clamp(1rem,4vw,2rem);padding:0 clamp(.5rem,2vw,2rem)}.detail--sub{margin-top:8px}.detail--name{display:flex;align-items:center;gap:1rem;margin-top:1rem}.detail--user{width:36px;object-fit:cover;border-radius:100%;border:3px solid #eee}.detail--body{display:grid;gap:2rem;padding-bottom:2rem;align-content:flex-start}.detail--box{padding:clamp(1rem,4vw,1.5rem);border:1px solid #E8AA1E;border-radius:1rem;display:grid;gap:1rem}.detail--title{margin-top:-.5rem}.detail--price{line-height:1}.detail--cta{line-height:1;display:flex;justify-content:space-between;align-items:center}.detail--fav{display:flex;align-items:center;gap:.5rem}.detail--fav .star{fill:#ccc;margin-top:-3px}.detail--fav:hover{color:#777}.detail--fav:hover .star{fill:#999}.detail--fav.on{color:#E8AA1E}.detail--fav.on .star{fill:#E8AA1E}.detail--btn{display:inline-flex;font-size:16px;color:#fff;padding:0 2rem;height:3rem;justify-content:center;align-items:center;border-radius:1.5rem}.detail--btn:hover{opacity:.7}.detail--tags{display:flex;flex-wrap:wrap-reverse;row-gap:4px;-moz-column-gap:1.5rem;column-gap:1.5rem}.detail--tags object{height:18px;line-height:1}.detail--list{padding:2rem 0}.detail .read{height:10rem;overflow:hidden;padding-bottom:4rem}.detail .read.on,.swiper{height:auto}.detail .read--close,.detail .read--more{background:#fff;position:absolute;bottom:0;padding:1rem 0;width:100%;cursor:pointer}.detail .read .hidden{display:none}.swiper{width:100%}.swiper-slide img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:1/1;border-radius:1rem}@media (max-width:800px){.flex{display:grid}header .logo img{width:auto;height:1rem}header .profile img{width:40px;height:40px}.hero{padding:0}.hero .container{grid-template:auto/1fr;border-radius:0}.hero--img{border-radius:0}.search{margin:0 auto;top:62px}.items{grid-template:auto/repeat(auto-fit,minmax(calc((100% - 2.5rem)/ 2),1fr))}.detail{display:block}.detail--img{margin-bottom:2rem}.detail--list{padding-top:0}.pc{display:none}.sp{display:block}}