.category-grid{text-align:center;background-color:#f9f6e8}@media screen and (max-width: 914px){.category-grid{padding:60px 0 20px}}.category-title{font-size:20px;letter-spacing:2px;color:#232323;background-color:#232323;color:#fff;display:inline-block;border-radius:50px;padding:6px 20px;margin-bottom:10px}.category-tabs{display:flex;justify-content:center;margin-top:9px;border-bottom:1px solid #ddd;height:50px}.category-tabs .tab{flex:1;padding:15px;border:none;cursor:pointer;font-size:14px;font-weight:500;background:none;transition:all .3s ease}.category-grid-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:40px auto 40px -7px}.category-item{display:inline-block;padding:20px;text-align:center;cursor:pointer;position:relative;transition:background-color .3s ease;border-right:1px solid #232323;border-bottom:1px solid #232323 width: 345px}.category-item a{color:#232323;text-decoration-line:none}.category-item p{color:#232323}.category-item span .img-line{border-bottom:1px solid #ccc}.hover:hover{color:#f9f6e8}.category-item img{width:100px;margin-bottom:10px}.category-item p{font-size:14px;font-weight:500}.category-item span{font-size:13px;color:#666}.category-item .category-main{width:100%;height:146px;align-items:center}.category-item .category-main img{border:none;height:100%;max-width:100%;width:100%}.category-item img{width:auto;height:100%;max-height:100%;object-fit:contain;transition:opacity .3s ease}.hover-image img{width:90%}.category-content{text-align:center;align-items:center}.category-content .btn{color:#232323;border:1px solid #232323;padding:10px 50px;border-radius:50px;text-decoration:none}.category-content .btn:hover{color:#f9f6e8;background-color:#232323}@media screen and (max-width: 914px){.category-grid-wrapper{grid-template-columns:1fr 1fr;gap:1px}.subcategory{position:relative;background-color:#232323;padding:10px}.category-item .category-main{height:90px}}.category-title{font-size:18px;line-height:26px;color:#fff;background-color:#232323;border-radius:40px;display:inline-block;margin-bottom:20px;letter-spacing:2px;padding:8px 70px 5px;font-family:Josefin Sans,Noto Sans JP,sans-serif}.category-tabs{display:flex;justify-content:center;border:1px solid #ccc}.category-tabs .tab{background:none;border:none;padding:12px 30px 14px;cursor:pointer;font-weight:500;letter-spacing:2px;color:#232323}.category-tabs .tab.active{background-color:#232323;color:#fff}.category-grid-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 auto}.category-item{padding:15px 20px 100px;position:relative;cursor:pointer;transition:all .5s ease;border-right:1px solid rgb(100,100,100);border-bottom:1px solid rgb(100,100,100)}@media screen and (max-width: 914px){.category-item:nth-of-type(4){border-right:none}.category-item:nth-of-type(5){border-bottom:none}.category-item:nth-of-type(6){border-bottom:none}.category-item:nth-of-type(7){border-bottom:1px solid rgb(100,100,100)}.category-item:nth-of-type(8){border-right:none;border-bottom:none}}.category-item img{width:150px;height:100px;margin-bottom:10px}.img-line{width:45px;border-bottom:1px solid #ccc;margin-top:3px;margin-bottom:15px;margin-inline:auto}.category-item p{font-weight:500;font-size:14px;letter-spacing:.13em}.category-item span{color:#555;font-size:13px}.hover:hover p span{color:#f9f6e8}.subcategory{margin-top:0;height:100%;opacity:0;pointer-events:none;background-color:#232323;color:#fff;padding:45px 20px 10px;position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;align-items:center;font-size:14px;transition:opacity .4s ease}.subcategory a{color:#f9f6e8}.subcategory a:hover{text-decoration:underline}.category-item:hover .subcategory{opacity:1;pointer-events:all}.subcategory li{margin:8px 0;list-style:none}.category-item:hover .subcategory{display:block}@media screen and (max-width: 914px){.category-grid-wrapper{grid-template-columns:repeat(2,1fr)}.subcategory{position:absolute;top:0;display:none;padding:5px 15px}.subcategory.two-line{padding:40px 15px}.subcategory li a{font-size:12px}.category-item.open .subcategory{display:block}.category-item{padding:5px 5px 90px}.category-item:nth-of-type(2){border-right:none}.category-item:nth-of-type(5){border-bottom:1px solid #232323}.category-item:nth-of-type(6){border-right:none;border-bottom:1px solid #232323}.category-item img{width:80px}.popular-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 914px){.category-item .two-line{display:grid!important;grid-template-columns:repeat(2,1fr);gap:10px 10px;background-color:#232323;color:#fff;padding:35px 15px;position:absolute;top:0;right:0;bottom:0;left:0;text-align:left;overflow-y:auto;align-content:start;height:100%;margin-top:0}}.two-line li{margin:0}.two-line a{color:#f9f6e8;font-size:14px;line-height:1.6;display:inline-block}@media screen and (max-width: 914px){.open .subcategory{display:grid!important;grid-template-columns:1fr;padding:15px;gap:6px 0;position:relative}.category-item:hover .two-line{margin-left:}}.popular-grid-wrapper{background-color:#f9f6e8;padding:40px 50px;text-align:center}.popular-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;max-width:1200px;margin:0 auto 40px}.popular-item{background-color:#f9f6e8;text-align:center;transition:transform .3s ease;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.popular-item a{text-decoration:none}.popular-item .image-wrapper{width:100%;overflow:hidden;position:relative}.popular-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .3s ease;transform-origin:center center}.popular-item:hover img{transform:scale(1.05)}.popular-item .product-title{font-size:12px;font-weight:600;color:#232323;text-align:left;text-decoration:none;margin-block:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:20px}.popular-item .product-price{font-size:16px;color:#000;text-align:left;margin-top:5px;font-family:Josefin Sans,sans-serif}.popular-grid-wrapper .btn{color:#232323;border:1px solid #232323;padding:10px 40px;border-radius:50px;text-decoration:none}.popular-grid-wrapper .btn:hover{background-color:#232323;color:#f9f6e8}@media screen and (max-width: 914px){.popular-grid{grid-template-columns:repeat(2,1fr);gap:15px}.category-item:hover .two-line{height:200%;grid-template-columns:repeat(1,1fr)}.category-item:hover .two-line a{font-size:12px}.category-item:hover .two-line li{text-align:center}.popular-grid-wrapper{padding:40px 20px}}.category-content{display:none;opacity:0;transition:opacity .4s ease}.category-content.active{display:block;opacity:1}.category-content .btn{display:inline-block;width:255px;margin-top:-15px;padding:8px 50px 5px;border-radius:50px;border:1px solid #232323;color:#232323;text-decoration:none;transition:all .3s ease;font-size:14px;font-weight:500;letter-spacing:2px}.category-content .btn:hover{background-color:#232323;color:#f9f6e8}.category-grid-wrapper{margin-bottom:65px}.category-item .subcategory-sp{display:none;background-color:#232323;height:200px;z-index:10;opacity:0}.open .category-item .subcategory-sp{display:block;opacity:1}h1,h2,h3,h4,h5,p,a,.h0,.h1,.h2,.h3,.h4,.h5,.p,.tab{font-family:Josefin Sans,Noto Sans JP,sans-serif}.category-main{position:relative}.category-main .hover-overlay{width:100%;height:100%;position:absolute;left:0;bottom:0;pointer-events:none;display:block}.category-main .hover-overlay img{width:100%;opacity:0;transition:opacity .5s ease}.category-main.active img{opacity:1}.category-main>img{transition:opacity .5s ease}.category-main.active>img{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/9/assets/category-grid.css.map */