@import"https://fonts.googleapis.com/css2?family=Dongle&display=swap";.page-category{display:flex;flex-direction:column;align-items:center;width:100%;padding-top:clamp(20px,calc(3vw + 10px),60px);padding-bottom:clamp(50px,calc(3vw + 38px),100px);background-color:#fff0f0;box-sizing:border-box;overflow-x:hidden}.page-category__tabs{display:flex;align-items:center;justify-content:center;gap:clamp(14px,calc(5.29vw - 6.67px),95px);width:100%}.page-category__tab{font-family:Dongle,sans-serif;font-weight:400;font-size:clamp(40px,calc(1.83vw + 32.86px),68px);line-height:1;text-decoration:none;transition:opacity .3s ease}.page-category__tab--active{display:flex;align-items:center;gap:clamp(8px,calc(.26vw + 6.98px),12px);color:#000}.page-category__tab--inactive{color:#000;opacity:.3}.page-category__tab--inactive:hover{opacity:.6}.page-category__tab-icon{width:clamp(27px,calc(1.05vw + 22.9px),43px);height:clamp(30px,calc(1.24vw + 25.16px),49px);flex-shrink:0}.page-category__tab-text{font-family:Dongle,sans-serif;font-weight:400;font-size:clamp(50px,calc(1.18vw + 45.4px),68px);line-height:1}.page-category__tab-line{width:100%;height:clamp(15px,calc(1.67vw + 8.5px),25px);background-color:#ffbfbf;border:none;margin:8px 0 0;padding:0}.page-category__category-wrapper{position:relative;width:100%;padding:0 20px;box-sizing:border-box}.page-category__filter-row{display:flex;flex-direction:column;align-items:center;margin-top:16px}.page-category__category-btn{display:flex;align-items:center;justify-content:center;width:320px;max-width:100%;height:35px;background-color:transparent;border:1px solid #CCCCCC;border-radius:16px;cursor:pointer;transition:background-color .3s ease}.page-category__category-btn:hover{background-color:#00000005}.page-category__category-btn-text{font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:400;color:#666;letter-spacing:.1em}.page-category__dropdown{width:100%;padding:20px 0;display:none}.page-category__dropdown[aria-hidden=false]{display:block}.page-category__dropdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 16px;padding:0 16px}.page-category__dropdown-item{font-family:Noto Sans JP,sans-serif;font-size:13px;font-weight:400;color:#666;text-decoration:none;transition:color .2s ease;white-space:normal;word-break:break-word;background:none;border:none;padding:0;cursor:pointer;text-align:left}.page-category__dropdown-item:hover{color:#333}.page-category__dropdown-item--active{color:#333;font-weight:500}.page-category__dropdown-empty{font-family:Noto Sans JP,sans-serif;font-size:13px;color:#999;grid-column:1 / -1;text-align:center;padding:20px 0}.page-category__dropdown-line{width:100%;height:1px;background-color:#ccc;border:none;margin:0;display:none}.page-category__dropdown[aria-hidden=false]+.page-category__dropdown-line{display:block}.page-category__sort{display:flex;justify-content:flex-end;width:100%;padding:16px 0;border-bottom:1px solid #CCCCCC}.page-category__sort-text{font-family:Noto Sans JP,sans-serif;font-size:13px;font-weight:400;color:#666;cursor:pointer}.page-category__sort-text:hover{color:#333}@media screen and (min-width:990px){.page-category__category-wrapper{max-width:1200px;margin:0 auto;padding:0 clamp(16px,calc(2.61vw + 5.8px),56px)}.page-category__filter-row{flex-direction:row;justify-content:space-between;align-items:center;margin-top:20px}.page-category__category-btn{width:155px}.page-category__sort{padding:0;border-bottom:none;width:auto}.page-category__dropdown{position:absolute;left:0;right:0;background:#fff;z-index:10}.page-category__dropdown-grid{grid-template-columns:repeat(3,auto);gap:16px 60px;padding:0 20px;justify-content:center}.page-category__dropdown-item{font-size:14px;white-space:nowrap}.page-category__dropdown-line{position:absolute;left:0;right:0}}.page-category__grid{display:grid;grid-template-columns:repeat(2,clamp(166px,calc(45.17vw - 10.17px),437px));justify-content:center;column-gap:clamp(8px,calc(.67vw + 5.39px),12px);row-gap:clamp(8px,calc(.67vw + 5.39px),12px);margin-top:clamp(40px,calc(2.61vw + 29.86px),80px);width:100%;max-width:100%;padding:0 clamp(16px,calc(2vw + 8px),40px);box-sizing:border-box}@media screen and (min-width:1420px){.page-category__grid{grid-template-columns:repeat(3,437px);column-gap:12px;row-gap:12px}.page-category__card{width:437px;height:459px;border-radius:25px}.page-category__card-image-wrapper{width:413px;height:224px;margin-top:10px;border-radius:20px}.page-category__card-category{font-size:20px}.page-category__card-line{width:413px;left:-4px}.page-category__card-name{font-size:34px;margin:6px 0 0}.page-category__card-catchphrase{font-size:14px;margin:10px 0 0;max-width:413px}.page-category__card-button{margin-right:12px}.page-category__card-button-box{width:145px;height:30px;border-radius:6px}.page-category__card-button-text{font-size:14px}.page-category__card-button-triangles{margin-left:8px}.page-category__card-triangle{width:12px;height:14px}.page-category__card-triangle--left{margin-right:-4px}}.page-category__card{display:flex;flex-direction:column;width:clamp(166px,calc(45.17vw - 10.17px),437px);height:clamp(217px,calc(40.33vw + 59.7px),459px);background-color:#fff;border-radius:clamp(15px,calc(1.67vw + 8.5px),25px);text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;box-sizing:border-box}.page-category__card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.page-category__card-image-wrapper{width:clamp(158px,calc(42.5vw - 7.75px),413px);height:clamp(86px,calc(23vw - 3.7px),224px);margin:clamp(5px,calc(.83vw + 1.76px),10px) auto 0;overflow:hidden;border-radius:clamp(13px,calc(1.17vw + 8.44px),20px);flex-shrink:0}.page-category__card-image{width:100%;height:100%;object-fit:cover}.page-category__card-placeholder{width:100%;height:100%;background-color:#e8e8e8;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.page-category__card-placeholder-text{font-family:Noto Sans JP,sans-serif;font-size:clamp(10px,calc(.67vw + 7.39px),14px);font-weight:500;color:#888}.page-category__card--dummy{cursor:default}.page-category__card--dummy:hover{transform:none;box-shadow:none}.page-category__card-placeholder--dummy{background:linear-gradient(135deg,#e8e8e8,#f5f5f5,#e8e8e8)}.page-category__card-name--dummy{color:#aaa}.page-category__card-content{padding:0 clamp(4px,calc(1.33vw - 1.19px),12px) clamp(10px,calc(1.33vw + 4.81px),18px) clamp(8px,calc(3.33vw - 4.99px),28px);display:flex;flex-direction:column;flex:1}.page-category__card-category-row{display:flex;align-items:flex-end;margin-top:clamp(5px,calc(2.17vw - 3.46px),18px);position:relative}.page-category__card-category{font-family:Noto Sans JP,sans-serif;font-size:clamp(8px,calc(2vw + .2px),20px);font-weight:400;color:#898989;line-height:1;flex-shrink:0}.page-category__card-line{display:block;width:clamp(158px,calc(42.5vw - 7.75px),413px);height:1px;background-color:#898989;position:absolute;left:clamp(-16px,calc(-2vw + 3.8px),-4px);bottom:0}.page-category__card-name{font-family:Noto Sans JP,sans-serif;font-size:clamp(16px,calc(3vw + 4.3px),34px);font-weight:700;color:#4e4e4e;line-height:1.2;margin:clamp(6px,calc(-.33vw + 9.3px),8px) 0 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-category__card-catchphrase{font-family:Noto Sans JP,sans-serif;font-size:clamp(8px,calc(1vw + 4.1px),14px);font-weight:400;color:#4e4e4e;line-height:1.4;margin:clamp(8px,calc(.33vw + 6.7px),10px) 0 0 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:clamp(158px,calc(42.5vw - 7.75px),413px)}.page-category__card-button{display:flex;align-items:center;justify-content:flex-end;margin-top:auto;margin-right:clamp(4px,calc(1.33vw - 1.2px),12px)}.page-category__card-button--dummy{opacity:.5}.page-category__card-button-box{display:flex;align-items:center;justify-content:center;width:clamp(68px,calc(12.83vw + 18px),145px);height:clamp(14px,calc(2.67vw + 3.6px),30px);background-color:#ff8585;border-radius:clamp(4px,calc(.33vw + 2.7px),6px);box-sizing:border-box}.page-category__card-button-text{font-family:Noto Sans JP,sans-serif;font-size:clamp(8px,calc(1vw + 4.1px),14px);font-weight:500;color:#fff;white-space:nowrap}.page-category__card-button-triangles{display:flex;align-items:center;flex-shrink:0;margin-left:clamp(4px,calc(.67vw + 1.4px),8px)}.page-category__card-triangle{width:clamp(6px,calc(1vw + 2.1px),12px);height:clamp(7px,calc(1.17vw + 2.45px),14px)}.page-category__card-triangle--left{margin-right:clamp(-4px,calc(-.33vw - .7px),-2px)}.page-category__card-triangle path{fill:#ff8585}.page-category__card-triangle--left path{fill-opacity:.6}.page-category__empty{grid-column:1 / -1;text-align:center;font-family:Noto Sans JP,sans-serif;font-size:14px;color:#888;padding:60px 20px}.page-category__pagination{display:flex;align-items:center;justify-content:center;gap:clamp(8px,calc(1vw + 4px),16px);margin-top:clamp(40px,calc(3vw + 28px),80px)}.page-category__pagination-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#888;background:none;border:none;padding:0;cursor:pointer;transition:color .3s ease}.page-category__pagination-arrow:hover{color:#333}.page-category__pagination-arrow svg{width:16px;height:16px}.page-category__pagination-numbers{display:flex;align-items:center;gap:clamp(8px,calc(1vw + 4px),16px)}.page-category__pagination-number{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:400;color:#888;cursor:pointer;transition:color .3s ease,background-color .3s ease}.page-category__pagination-number:hover{color:#333}.page-category__pagination-number--active,.page-category__pagination-number--active:hover{min-width:32px;width:32px;height:32px;background-color:#f99;border-radius:50%;color:#fff;font-weight:500}.page-category__grid--products{grid-template-columns:repeat(2,1fr);column-gap:16px;row-gap:24px;max-width:800px;padding:0 16px}@media screen and (min-width:750px){.page-category__grid--products{grid-template-columns:repeat(3,1fr);column-gap:24px;row-gap:32px;max-width:1000px}}@media screen and (min-width:990px){.page-category__grid--products{grid-template-columns:repeat(4,1fr);column-gap:32px;row-gap:40px;max-width:1200px}}.page-category__product-card{display:flex;flex-direction:column;text-decoration:none}.page-category__product-image-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;background-color:#f5f5f5;transition:transform .2s ease}.page-category__product-card:hover .page-category__product-image-wrapper{transform:rotate(2deg)}.page-category__product-image{width:100%;height:100%;object-fit:cover}.page-category__favorite-btn{position:absolute;top:8px;right:8px;z-index:10;background:#ffffffe6;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}.page-category__favorite-btn:hover{transform:scale(1.1);background:#fff}.page-category__favorite-btn:active{transform:scale(.95)}.page-category__favorite-btn .favorite-icon{width:20px;height:20px;fill:none;stroke:#999;stroke-width:2;transition:all .3s ease}.page-category__favorite-btn.is-active .favorite-icon{fill:#ff6b9d;stroke:#ff6b9d}.page-category__product-info-link{text-decoration:none;display:block}.page-category__product-info{margin-top:12px;text-align:left}.page-category__product-title{font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:12px;line-height:1.4;margin:0;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-category__product-price{font-family:Noto Sans JP,sans-serif;font-weight:500;font-size:14px;line-height:1;margin:8px 0 0;color:#333}@media screen and (min-width:750px){.page-category__product-title{font-size:14px}.page-category__product-price{font-size:16px}}.page-category__product-card--hidden{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-page-category.css.map */