@charset "UTF-8";body{box-sizing:border-box}.pc-view{display:block}@media screen and (max-width:768px){.pc-view{display:none}}.sp-view{display:none}@media screen and (max-width:768px){.sp-view{display:block}}ul{margin:0;padding:0;list-style:none}.wrap{width:100%;margin:0 auto}img{vertical-align:top;width:100%}a{text-decoration:none;color:#854b6f}a:hover{color:#2d0234}p,span{font-size:clamp(1.7rem,1.7rem + .625vw,1rem);line-height:1.7;color:#555}h1,h2,h3,h4,h5{font-size:clamp(1.5rem,2rem + .625vw,1.5rem);line-height:1.5;margin:0;font-weight:400}.font-size-S{font-size:clamp(1.1rem,.9rem + .625vw,1.6rem)}.font-size-M{font-size:clamp(1.2rem,1rem + .625vw,1.7rem)}.font-size-L{font-size:clamp(2.4rem,2.2rem + .625vw,2.9rem)}.colormain{color:#be9bb1}.bgmain{background:#be9bb1;color:#fff}.color2{background:#854b6f;color:#fff}.border{border:solid 2px #4474c4}.white{color:#fff}.mt40{margin-top:40px}.mb40{margin-bottom:40px}.mt80{margin-top:40px}.mb80{margin-bottom:40px}.mt120{margin-top:120px}.mb120{margin-bottom:120px}.m20{margin:20px}.fade-in{opacity:0;transition-duration:2s;transition-property:opacity,transform}.fade-in-up{transform:translate(0,50px)}.fade-in-down{transform:translate(0,-50px)}.fade-in-left{transform:translate(-50px,0)}.fade-in-right{transform:translate(50px,0)}.scroll-in{opacity:1;transform:translate(0,0)}.top-header{width:100%;display:grid;grid-template-columns:1fr .5fr 1fr;height:50px;padding:10px 0}.rogo-space{grid-column:1;align-self:center;position:relative;padding-left:10px;width:200px;height:50px}@media screen and (max-width:768px){.rogo-space{width:150px}}.rogo-space img{width:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}@media screen and (max-width:768px){.rogo-space img{width:150px}}.global-nav-wrapper{grid-column:-1;align-self:center}.global-nav-wrapper .global-nav{display:flex;justify-content:space-around;align-items:center;padding-right:10px}.global-nav-wrapper .global-nav li{padding:0 10px}.global-nav-wrapper .global-nav a{color:#f3edf1}.global-nav-wrapper .global-nav a:hover{color:#854b6f}.btn-gNav{position:fixed;top:0;right:10px;width:30px;height:50px;z-index:12;box-sizing:border-box;cursor:pointer;transition:all .4s}.btn-gNav span{position:absolute;width:100%;height:4px;background:#fff;border-radius:10px;transition:all .4s}.btn-gNav span:nth-child(1){top:0}.btn-gNav span:nth-child(2){top:10px}.btn-gNav span:nth-child(3){top:20px}.btn-gNav.open span:nth-child(1){background:#fff;top:6px;transform:rotate(-45deg)}.btn-gNav.open span:nth-child(2),.btn-gNav.open span:nth-child(3){top:6px;background:#fff;transform:rotate(45deg)}.sp-nav-wrapper{display:none;position:fixed;top:0;right:0;width:50%;height:100vh;background:rgba(66,13,43,.8);z-index:11}.sp-nav-wrapper .sp-nav-ul{margin-top:20px}.sp-nav-wrapper li{padding:10px 5px;border-bottom:1px solid #fff}.sp-nav-wrapper.sp-nav-open{display:block}.slider{width:100%;height:350px;background-image:url("/wp-content/themes/design-palette/img/backimage.webp")}.slider li{max-width:300px;max-height:350px;background:rgba(255,255,255,.8);margin:10px;position:relative;text-align:center}.slider img{max-width:250px;max-height:250px;padding-top:20px;margin:0 auto}.slider h3{padding:10px 0}.slider span{position:absolute;top:0;right:0;background:red;width:100px;height:100px;-webkit-clip-path:polygon(100% 0,0 0,100% 100%);clip-path:polygon(100% 0,0 0,100% 100%)}.slider span p{position:absolute;top:0;right:10px;transform:rotate(45deg);color:#fff;z-index:2}.section-main,.main{max-width:1000px;margin:0 auto;padding:0 10px}@media screen and (max-width:768px){.section-main,.main{overflow:hidden}}.design-read{margin-top:80px;text-align:center}.spesial-feauture{margin-top:80px;display:grid;grid-template-columns:repeat(2,1fr)}.spesial-feauture img{width:95%;padding-bottom:10px;justify-self:center}.blogarea{margin-top:80px;text-align:center}.countflex{display:flex;width:100%;justify-content:space-around}.footarea{padding:10px 0;text-align:center}#fixbox{position:fixed;bottom:0;right:0;width:50px;height:50px;padding:10px 5px}.sales-archive{max-width:1000px;margin:0 auto;padding:10px}.sales-archive ul{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.sales-archive ul li{position:relative;width:100%;padding-top:50%;overflow:hidden}.sales-archive ul li img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.breadcrumb{padding:10px}.breadcrumb2 li{display:inline}.breadcrumb2 li span{font-size:1rem}@media screen and (max-width:768px){.breadcrumb2 li span{font-size:.7rem}}.breadcrumb-item:before{content:">";color:#ec7ac6}.side2{display:grid;grid-template-columns:1fr 30%}@media screen and (max-width:768px){.side2{display:block}}.side-left{padding-right:20px}@media screen and (max-width:768px){.side-left{padding-right:0}}.image-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media screen and (max-width:768px){.image-gallery{display:block}}.image-gallery-main img{width:100%;-o-object-fit:cover;object-fit:cover;border:2px solid #ddd;border-radius:8px}.image-gallery-thumbnails{display:flex;gap:8px}.image-gallery-thumbnails .thumbnail{width:120px;height:120px;border:2px solid #ddd;border-radius:8px;overflow:hidden;cursor:pointer}.image-gallery-thumbnails .thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-gallery-thumbnails .thumbnail img.active{border:2px solid #007bff;box-shadow:0 0 8px rgba(0,123,255,.5)}.d-button-area{display:block;margin:0 auto;width:auto;height:250px;background-image:url("/homepage/design-palette/wp-content/uploads/2025/01/d-button.png");background-size:contain;background-position:center;background-repeat:no-repeat;transition:.5s}.d-button-area:hover{background-image:url("/homepage/design-palette/wp-content/uploads/2025/01/d-button-after.png");transition:.5s}.d-button-area img{width:100%;padding-top:40px}.d-button-area p{margin:0 auto}.postLinks{width:100%;margin:0 auto;padding:10px;display:flex;justify-content:space-around}.sidebar-area{margin:0 auto;margin-top:40px}.archive_list{display:grid;grid-template-columns:repeat(2,1fr);margin:0 auto}@media screen and (max-width:768px){.archive_list{grid-template-columns:repeat(3,1fr)}}.archive_list li{padding:20px 0;width:100px;height:120px}.archive_list span{font-size:.7rem}.archive_list img{width:90px;height:90px;padding:5px}.cate{margin-top:40px}.parts-tax{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}@media screen and (max-width:768px){.parts-tax{grid-template-columns:repeat(2,1fr)}}.parts-tax-box{padding:5px;text-align:center}.parts-tax-box img{width:100%;height:auto}.post-top{width:100%;height:300px;margin:0 auto;text-align:center;background-image:url("/wp-content/uploads/2024/11/sample-back.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.post-top .post-top-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.post-top .post-top-box span{color:#f3edf1;box-shadow:6px 6px 6px 0px rgba(0,0,0,.45)}.post-top .post-top-box p{font-size:1.5rem;color:#f3edf1;margin:0;font-weight:700;box-shadow:6px 6px 6px 0px rgba(0,0,0,.45)}.blog-container{max-width:800px;margin:0 auto;background:#f3edf1;padding:20px;border-radius:8px;line-height:1.6;box-shadow:0 4px 8px rgba(0,0,0,.1)}.blog-container .entry-header{border-bottom:1px solid #ddd;margin-bottom:40px;padding-bottom:10px}.blog-container .entry-header h2{background:#854b6f;color:#fff;text-align:center;padding:40px}.blog-container .entry-title{font-size:2em;margin-bottom:10px}.blog-container .categories{font-size:.5em;color:#666}.blog-container .entry-content{margin-top:20px;line-height:1.8}.blog-container .entry-content figure{text-align:center}.blog-container .entry-content img{width:500px;height:500px}@media screen and (max-width:768px){.blog-container .entry-content img{width:100%;height:auto}}.blog-container .entry-content h3{margin:40px 0 20px;padding:.5rem 2rem;position:relative;color:#fff;background:linear-gradient(-45deg,#bf54e2 25%,#c461e4 0,#c461e4 50%,#bf54e2 0,#bf54e2 75%,#c461e4 0);background-size:20px 20px;border-bottom:solid 2px #730686}.blog-container a{color:#0073aa;text-decoration:none}.blog-container a:hover{text-decoration:underline}