@charset "UTF-8";.step{display:none}.step.active{display:block;animation:fade .3s}@keyframes fade{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}.cow-h2{font-size:1.3rem;margin:0 0 1rem}.cow-nav{margin-top:1.5rem;display:flex;gap:.5rem;justify-content:center;padding-bottom:40px}.cow-nav button{padding:.8rem;border:none;border-radius:6px;font-size:1rem;color:#fff;background:#000;cursor:pointer;width:300px}.first-btn{padding:.8rem;border:none;border-radius:6px;font-size:1rem;color:#fff;background:#000;cursor:pointer;width:300px}.cow-prev{background-color:#fff!important;border:solid 1px #000!important;color:#000!important}.cow-confirm{max-width:800px;margin:auto}.confirm-thumb{max-width:300px}.design-confirm{display:flex;justify-content:space-between;margin:20px 0;padding:20px;border:solid 1px #ddd;border-radius:6px;align-items:flex-end}.design-confirm p{margin:0}#discount{color:#d45353;border-color:#d45353}#confirm-construction-section{flex-wrap:wrap}#option-w100{width:100%}.confirm-result{border-top:solid 1px #000;font-size:22px;text-align:end;font-weight:700}.is-hidden{display:none}.option-add .checkbox{margin-right:.5rem}:root{--pb-accent:#5fa79d;--pb-track:#dbe9e6;--pb-size:18px;--pb-line:3px}#cow-progress.cow-progress{max-width:600px;width:100%;margin:16px auto 28px}#cow-progress .bar{display:none}#cow-progress .cow-steps{display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(12px,4vw,48px);list-style:none;margin:0;padding:0}#cow-progress .step-dot{flex:1 1 0;text-align:center;position:relative}#cow-progress .step-dot .dot{display:none}#cow-progress .step-dot::before{content:"";display:block;width:68%;height:4px;margin:0 auto 10px;border-radius:2px;background:#dadfe2;transition:background-color .25s ease}#cow-progress .step-dot .label{display:inline-block;font-weight:800;letter-spacing:.02em;color:#c7cdd2;transition:color .25s ease,transform .25s ease}#cow-progress .step-dot.active::before{background:#6aa7a0}#cow-progress .step-dot.active .label{color:#222;transform:translateY(-1px)}#cow-progress .step-dot.done::before{background:#6aa7a0}#cow-progress .step-dot.done .label{color:#555}.sticky-section{display:flex;min-height:100vh;position:relative;justify-content:space-around;margin:auto;max-width:2632px;min-width:980px;width:95%}.result{position:sticky;top:80px;height:100%;flex:1 1 auto;min-width:0;background:#fff;z-index:50;transform:translate(var(--tx),var(--ty)) scale(var(--scale));transition:transform .6s cubic-bezier(.22, .61, .36, 1),flex-basis .45s ease,max-width .45s ease}.sticky-section.left-closed .result{flex-basis:0!important;max-width:0!important;min-width:0!important;width:0!important;padding:0!important;margin:0!important;opacity:0;overflow:hidden;pointer-events:none}.result-choice{font-size:12px;line-height:1;display:flex;justify-content:center;gap:10px;margin-bottom:16px}.result-choice p{padding-right:5px;margin:0}.result-choice span{padding-left:5px}.result-btn{position:absolute;top:0;right:0;display:flex;flex:1;padding:0 50px 0 0;gap:16px}.result-btn img{width:18px}.result-price{font-size:20px;font-weight:700;letter-spacing:-1px;margin:0;transition:opacity .25s ease,transform .25s ease;will-change:opacity,transform}.result-price.is-updating{opacity:.65;transform:scale(.985)}.btn-icon{display:inline-block;transition:all .3s ease;padding:10px;background-color:#f3f3f3;border-radius:50px}#design-option{flex:0 0 520px;min-width:320px;max-width:520px;padding:0 20px;margin:0;position:relative;z-index:99;flex-shrink:0;transition:flex-basis .45s ease,max-width .45s ease,padding .45s ease,margin .45s ease,opacity .45s ease;opacity:1}.sticky-section.right-closed #design-option{flex-basis:0!important;max-width:0!important;min-width:0!important;width:0!important;padding:0!important;margin:0!important;opacity:0;height:0;overflow:hidden;pointer-events:none}.sticky-section.left-closed #design-option{flex:1 1 auto;min-width:0;max-width:100%}.sticky-section.right-closed .result #myCanvas{max-width:1100px}#zoomCanvas{position:absolute;width:250px;height:250px;display:none;pointer-events:none;border:1px solid #ccc;box-shadow:0 2px 6px rgba(0,0,0,.2);background-color:#fff;border-radius:50%}#design-option.zoomed{width:100%}#zoomToggle{position:absolute;height:100%;top:0;width:30px;right:0;border-radius:0 6px 6px 0;border:none}#option-box{position:relative;padding:16px;margin-bottom:30px}.option-wrap{margin-top:0;display:flex;gap:5px}.option-section{box-shadow:0 0 14px 3px rgba(0,0,0,.09);border-radius:16px;margin-bottom:36px;position:relative;transition:transform .4s cubic-bezier(.22, .61, .36, 1);will-change:transform;background-color:#ffffffc9}.option-section.closed{transform:translateX(100%)}.btn-expand{background-color:#fff;border:solid 1px #eee;border-radius:6px;padding:12px}.option_left{padding:5px;text-align:center}.option_left_icon{width:160px}.option_left p{font-size:11px;color:#ddd;margin-bottom:5px}.design-tab-list{list-style:none;font-size:16px;padding-left:0;display:flex;margin-bottom:0;border-bottom:solid 1px #1010101a}.design-tab-list-item{text-align:center;padding:0 36px;margin:20px 0;transition:.6s;color:#8b8b8b}.design-tab-list-item:last-child{margin:20px 0}.design-tab-list-item span{border-bottom:solid 2px #fff}.design-tab-list-item:hover{cursor:pointer;color:#6fa89e}.des-btn-active span{color:#6fa89e;border-color:#6fa89e}.tabsep{border-right:solid 1px}.price p{margin:5px;font-weight:lighter}.price-ex{background-color:#f5f5f7;text-align:center;font-size:12px;padding:10px;border-radius:30px;font-weight:lighter}#tyImg,#underImg,.category,.subImg{list-style:none;width:100%;padding-left:0;margin-bottom:0;display:flex;flex-wrap:wrap;gap:5px;font-size:8px;color:#8b8b8b;text-align:center;overflow-x:auto}#LImg li,#tyImg li,#underImg li,.subImg li{padding:4px;line-height:1.4;width:90px;flex-shrink:0}#LImg img,#tyImg img,#underImg img,.subImg img{margin-bottom:12px;border-radius:10px;transition:.6s;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}#LImg img:hover,#tyImg img:hover,#underImg img:hover,.subImg img:hover{transform:scale(1.1);cursor:pointer}.current>img{transform:scale(1.1)}#LImg .current,#tyImg .current,#underImg .current,.subImg .current{position:relative}#LImg .current::before,#tyImg .current::before,#underImg .current::before,.subImg .current::before{content:"";background-image:url("../img/craphts_check2.svg");background-size:contain;background-repeat:no-repeat;display:inline-block;width:25px;height:25px;position:absolute;right:0;top:0;z-index:3}.current>p{font-weight:600!important}#LImg::-webkit-scrollbar,#tyImg::-webkit-scrollbar,#underImg::-webkit-scrollbar,.subImg::-webkit-scrollbar{background:#fff;width:4px;height:4px;border-radius:20px}#LImg::-webkit-scrollbar-thumb,#tyImg::-webkit-scrollbar-thumb,#underImg::-webkit-scrollbar-thumb,.subImg::-webkit-scrollbar-thumb{background-color:#6ea79e;border-radius:20px}.lower-tag{width:100%;font-size:14px;font-weight:700;text-align:left;color:#000;padding-top:20px}.type-btn{margin:10px auto;border-radius:6px;padding:30px 12px;text-align:center;font-size:12px;transition:.4s;cursor:pointer;display:block;border:solid 1px #14141426;color:#14141426}.type-btn:hover{border:solid 1px #6ea89e}.type-btn.active{border:solid 1px #6ea89e;color:#000}.btype{display:none}.btype.choose{display:block!important}.sekou{padding:12px 16px}.checkboxItem{display:block;border-radius:6px;padding:30px 12px;border:solid 1px #eee;width:100%;text-align:center;color:#eee}.checkboxItem2{display:block;border-radius:6px;padding:5px 16px;border:solid 1px #eee;text-align:center;font-size:10px;color:#eee}.checkboxItem2:hover,.checkboxItem:hover{border-color:#6ea89e;color:#000}.checkboxItem:has(.checkbox:checked){border-color:#6ea89e;color:#000}.checkboxItem2:has(.checkbox:checked){border-color:#6ea89e;color:#fff;background-color:#6ea89e}.checkbox{display:none}.option_section_header{font-weight:700;padding:16px;cursor:pointer}.option_section_header:hover{color:#6ea89e}.option-section.open .option_section_header{color:#6ea89e}.option_section_content{border-top:none}.option_section_flex{padding:12px 16px}.option-name{padding-left:16px;font-size:12px;font-weight:500}.option-name span{margin-right:10px;font-weight:300}.category{margin-bottom:20px}.category-ttl{text-align:left;width:100%;font-size:16px}.accordion_icon,.accordion_icon span{display:inline-block;transition:all .4s;box-sizing:border-box}.accordion_icon{position:relative;width:30px;height:30px;float:right;margin-right:20px;margin-top:5px;margin-bottom:0}.accordion_icon span{position:absolute;left:6px;width:50%;height:1px;background-color:#000;border-radius:4px;-webkit-border-radius:4px;-ms-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px}.accordion_icon span:first-of-type{top:5px;transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}.accordion_icon span:nth-of-type(2){top:5px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}.accordion_icon.active span:first-of-type{top:5px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.accordion_icon.active span:nth-of-type(2){top:5px;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg)}.option-info{position:sticky;bottom:0;left:0;background-color:#fff;z-index:800;border-top:solid 1px #eee;transform:translateY(20px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .35s cubic-bezier(.22, .61, .36, 1),opacity .35s ease,visibility 0s linear .35s}.option-info.is-visible{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.option-info-btn{display:flex;gap:30px;justify-content:center;align-items:center}.option-info-attention{padding:10px 40px;border-bottom:solid 1px #eee;justify-content:space-between;display:flex}.sim-attentions{display:flex}.option-info-tex{display:flex;align-items:center;gap:10px;padding:10px 40px;justify-content:flex-end}.stick-logo{width:90px}#loading-spinner{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.7);z-index:9999;display:flex;align-items:center;justify-content:center}.spinner{width:48px;height:48px;border:6px solid #ccc;border-top:6px solid #6fa89e;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.order-form{--acc:#6aa7a0;--ink:#222;--muted:#8fa3ad;--line:#e6ecef;--bg:#fff;padding:28px 28px 36px;background:var(--bg);border:1px solid var(--line);border-radius:16px;font-feature-settings:"palt"}.order-form .field{margin:0 0 18px}.order-form .field:last-of-type{margin-bottom:0}.order-form .field>label{display:block;font-weight:800;color:var(--ink);letter-spacing:.02em}.order-form .field .req{display:inline-block;margin-left:.6em;padding:.14em .55em;font-size:12px;border-radius:999px;color:#fff;background:var(--acc)}.order-form input[type=email],.order-form input[type=tel],.order-form input[type=text],.order-form textarea{width:100%;margin-top:10px;background:#f8fafb;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:16px;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;outline:0}.order-form textarea{min-height:140px;resize:vertical}.order-form input::placeholder,.order-form textarea::placeholder{color:#a9b7bf}.order-form input:focus,.order-form textarea:focus{background:#fff;border-color:var(--acc);box-shadow:0 0 0 3px rgba(106,167,160,.18)}.order-form .field.half{display:inline-block;vertical-align:top;width:calc(50% - 8px)}.order-form .field.half:nth-of-type(odd){margin-right:12px}@media (max-width:640px){.order-form{padding:22px 16px 28px}.order-form .field.half{width:100%;margin-right:0}}.order-form .wpcf7-acceptance{margin:8px 0 4px;display:block;color:#4b5a62;font-size:14px}.order-form .wpcf7-acceptance input[type=checkbox]{width:18px;height:18px;vertical-align:-3px;margin-right:8px;accent-color:var(--acc)}.order-form .submit-wrap{margin-top:18px;text-align:center}.order-form .btn,.order-form input[type=submit],.order-form input[type=submit].btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:320px;height:52px;padding:0 22px;border-radius:12px;background:var(--acc);color:#fff;font-weight:800;font-size:16px;letter-spacing:.04em;border:none;cursor:pointer;transition:transform 60ms ease,filter .2s ease,box-shadow .2s ease;box-shadow:0 7px 18px rgba(106,167,160,.28)}.order-form .btn:hover{filter:brightness(1.05)}.order-form .btn:active{transform:translateY(1px)}.order-form .wpcf7-spinner{margin-left:10px;position:relative;top:3px;filter:hue-rotate(130deg) saturate(1.2)}.order-form .wpcf7-not-valid{border-color:#e13238!important;background:#fff7f7}.order-form .wpcf7-not-valid-tip{margin-top:6px;font-size:12px;color:#d12d33}.order-form .wpcf7-response-output{margin-top:16px;border-radius:10px;border:1px solid var(--line);background:#f8fafb;padding:12px 14px;font-size:14px;color:#4b5a62}.order-form hr{border:none;height:1px;background:var(--line);margin:18px 0 14px}.modal{position:fixed;inset:0;display:none;z-index:999}.modal[aria-hidden=false]{display:block}.modal__overlay{position:absolute;inset:0;background:rgba(20,24,26,.48);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease}.modal[aria-hidden=false] .modal__overlay{opacity:1}.modal__content{position:relative;box-sizing:border-box;width:min(700px,92vw);max-height:86vh;margin:6vh auto 0;background:#fff;border-radius:16px;border:1px solid #e6ecef;box-shadow:0 10px 30px rgba(0,0,0,.18);overflow:auto;padding:20px 20px 16px;transform:translateY(10px) scale(.98);opacity:0;transition:transform .24s ease,opacity .24s ease}.modal[aria-hidden=false] .modal__content{transform:translateY(0) scale(1);opacity:1}.modal__title{margin:30px 0 10px;font-size:18px;font-weight:800;border-bottom:solid 1px #eee}.modal__body{color:#2b3d45;line-height:1.7}.modal__body .muted{color:#7d8f96;font-size:14px;margin:.4em 0 1em}.modal__actions{margin-top:16px;display:flex;gap:12px;justify-content:flex-end}.modal__close{position:absolute;top:8px;right:8px;width:36px;height:36px;border:none;border-radius:10px;background:#f4f7f8;font-size:22px;line-height:1;cursor:pointer}.modal__close:hover{filter:brightness(1.05)}.btn{appearance:none;border:none;border-radius:12px;background:#6aa7a0;color:#fff;font-weight:800;height:44px;padding:0 16px;cursor:pointer}.btn-ghost{appearance:none;background:#fff;color:#000;cursor:pointer;font-size:12px;border-left:solid 1px #eee;padding-left:10px}.btn-ghost:first-child{border:none;padding-right:10px}@media (max-width:480px){.modal__content{width:100vw;max-height:100vh;height:100vh;margin:0;border-radius:0}}.order-wrap{max-width:760px;margin:0 auto 48px}.order-ttl{margin-top:60px}.pay-method p label{display:block;text-align:center;border:solid 1px #eee;padding:60px;border-radius:16px}.btn.btn-primary{background:#6aa7a0;color:#fff;border:none;border-radius:12px;height:44px;padding:0 16px;font-weight:800;cursor:pointer}.is-hidden{display:none!important}.terms{height:200px;overflow-y:scroll}.order-summary-mini{display:grid;grid-template-columns:160px 1fr;gap:16px 20px;padding:16px;border:1px solid #eee;border-radius:12px;background:#fff;margin:auto;max-width:760px}@media (max-width:768px){.order-summary-mini{grid-template-columns:1fr}}.order-summary-mini__preview img{width:100%;height:auto;display:block;border-radius:8px;background:#f8f8f8}.order-summary-mini__list{align-self:start}.order-summary-mini__row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 0;border-bottom:1px dashed #eee}.order-summary-mini__row.is-muted{color:#8b8b8b}.order-summary-mini__row.is-discount .order-summary-mini__price{color:#d33}.order-summary-mini__row:last-child{border-bottom:none}.order-summary-mini__label{font-size:14px;font-weight:600}.order-summary-mini__sub{font-size:12px;color:#888;margin-left:.5em}.order-summary-mini__price{font-feature-settings:"tnum"}.order-summary-mini__total{display:flex;justify-content:space-between;align-items:center;padding-top:12px;margin-top:8px;border-top:2px solid #111;font-size:18px;font-weight:700}@media screen and (max-width:899px){.pc{display:none}.sp{display:block}.sticky-section{min-width:100%!important;display:block;min-height:100%}.result{top:0;z-index:150;padding:20px 0 10px}#myCanvas{max-width:100%;min-width:100%;width:100%}.option-wrap{margin-top:20px}#design-option{width:100%;padding:0 5px;flex-grow:1;overflow-y:auto;margin-left:0;margin-right:0;max-width:100%}#LImg li,#tyImg li,#underImg li,.subImg li{width:70px}.result-choice{font-size:9px}#cow-progress .step-dot .label{font-size:10px}#cow-progress .step-dot::before{margin:0 auto!important}.option-info-attention,.option-info-tex{padding:8px}.btn-ghost{font-size:10px;padding-left:5px}.btn-ghost:first-child{padding-right:5px}.stick-logo{width:80px}.option-info-tex{justify-content:space-between}.first-btn{padding:.8rem;border:none;border-radius:6px;font-size:2rem;color:#fff;background:#000;cursor:pointer;width:300px}.cow-container{padding:0 10px}.cow-nav{flex-direction:column-reverse;column-gap:20px}.cow-nav button{font-size:2rem;width:100%}}#cow-wizard .step{position:relative;opacity:0;visibility:hidden;pointer-events:none;transform:none!important;transition:opacity .25s ease,visibility .25s ease;will-change:opacity}#cow-wizard .step.active{opacity:1;visibility:visible;pointer-events:auto}.inc-note{display:block;font-size:12px}