@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Monsieur+La+Doulaise&family=Noto+Serif+JP:wght@200..900&display=swap";#simulator{--font-base: "Noto Serif JP", serif;--font-cursive: "Monsieur La Doulaise", cursive;--page-width: 800px;font-family:var(--font-base)}#simulator button{font-family:var(--font-base)}#simulator .material-icons-round{font-family:Material Icons Round;font-size:1.25em}#simulator .em{color:#a53a37}body:has(#simulator) .sticky-header,body:has(#simulator) .custom-header{position:static}body:has(#simulator) .section-announcement{display:none}.simulator{--hdr-height: 100px;padding-bottom:80px;position:relative;transition-duration:.3s;transition-property:padding-top}.simulator-hdr{padding-inline:20px;padding-block:10px 20px}.simulator-hdr__cursive{font-family:var(--font-cursive);font-size:34px;color:#eee;text-align:center;letter-spacing:.05em;line-height:1}.simulator-hdr__cursive:first-letter{font-size:1.2941176471em}.simulator-hdr__en{font-size:20px;font-weight:500;text-align:center;letter-spacing:.05em}.simulator-hdr__ja{margin-top:8px;font-size:10px;font-weight:500;color:#878787;text-align:center}@media not (max-width:768px){.simulator-hdr__cursive{font-size:44px}.simulator-hdr__en{font-size:28px}.simulator-hdr__ja{font-size:16px}}.simulator-hdrarea{padding-top:20px;padding-inline:20px;padding-bottom:40px;background-color:#fff}.simulator-hdrarea:before{content:"";position:absolute;z-index:-2;width:100%;height:10px;box-shadow:0 1px 6px #00000029;bottom:0;left:0}.simulator-hdrarea:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-color:#fff}.simulator-fixedpreview{padding-block:20px;padding-inline:20px;position:fixed;left:0;top:0;width:100%;background-color:#fff;z-index:20;translate:0 -150%;transition-duration:1s;transition-property:translate}.simulator-fixedpreview.is-view{translate:0 0}.simulator-fixedpreview:before{content:"";position:absolute;z-index:-2;width:100%;height:10px;box-shadow:0 1px 6px #00000029;bottom:0;left:0}.simulator-fixedpreview:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-color:#fff}.simulator-fixedpreview .canvas{max-height:10vh}@media not (max-width:768px){.simulator-fixedpreview .canvas{max-height:13vh}}.simulator-preview{max-width:800px;margin-inline:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.simulator-preview:is(.simulator-hdrarea *){position:relative;aspect-ratio:1626/1357}.simulator-preview:is(.simulator-hdrarea *) .phone{padding:5% 11% 0;gap:0 min(40px,5%);width:100%}.simulator-preview:is(.simulator-hdrarea *) .phone__en svg{height:min(28px,5vw)}.simulator-preview__frame{position:absolute;inset:0 0 auto;pointer-events:none;z-index:5}.simulator-preview__frame svg{width:100%;height:100%}.simulator-preview__ftr{width:90%;display:flex;position:relative;justify-content:center;align-items:center;margin-top:35px;margin-inline:5%}.c-phone,.phone{display:flex;justify-content:center;gap:0 40px}.c-phone__en,.phone__en{text-align:center;padding-bottom:15px}.c-phone__en svg,.phone__en svg{margin-inline:auto;height:28px;width:auto}.c-phone__en:is(.simulator-fixedpreview *) svg,.phone__en:is(.simulator-fixedpreview *) svg{height:18px}.c-phone__side,.phone__side{padding-top:15px;font-size:14px;font-weight:500;text-align:center;letter-spacing:.05em}.c-phone__front,.c-phone__back,.phone__front,.phone__back{flex:1 1 auto;max-width:285px;width:calc(50% - 20px)}.c-phone img,.phone img{max-height:100%}.phone__canvas{display:flex;justify-content:center;align-items:center;aspect-ratio:19/32;margin-inline:auto}.phone__canvas:is(.simulator-fixedpreview *){max-height:10vh}@media not (max-width:768px){.phone__canvas:is(.simulator-fixedpreview *){max-height:13vh}}@media(min-width:640px){.phone:is(.simulator-modal__inner *).has-chain{gap:0 250px}}@media not (min-width:640px){.phone:is(.simulator-modal__inner *){display:grid;grid-template-columns:100%;gap:50px 0}.phone:is(.simulator-modal__inner *) .phone__front,.phone:is(.simulator-modal__inner *) .phone__back{margin-inline:auto;width:100%}.phone:is(.simulator-modal__inner *).has-chain .phone__front,.phone:is(.simulator-modal__inner *).has-chain .phone__back{width:60%;margin-inline:0 auto}}.c-phone__image{max-width:200px}.c-button{background-color:#313131;color:#fff;display:flex;align-items:center;justify-content:center;height:3em;width:100%;font-size:14px}.reset-btn{display:block;font-family:var(--font-base);font-size:12px;font-weight:500;color:var(--color-text);text-decoration:underline;margin-inline:auto}.link-btn{display:flex;align-items:center;gap:0 .5em;font-family:var(--font-base);font-size:16px;font-weight:500;background-color:#bc8183;border-radius:4px;height:49px;padding-inline:1em;margin-inline:auto 1.25rem}.zoom-btn{position:absolute;right:0}.simulator-selectarea{max-width:calc(800px + 2.5rem);margin-inline:auto;margin-top:50px}@media not (max-width:768px){.simulator-selectarea{margin-top:90px}}.simulator-tablist{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding-inline:.5rem}.simulator-tab{position:relative;padding-top:25px;padding-bottom:13px;font-size:16px;color:gray;text-align:center}.simulator-tab.is-active{font-weight:700;color:#a53a37}.simulator-tab.is-active:before{content:"";position:absolute;background-repeat:no-repeat;background-size:contain;aspect-ratio:90/105;top:0;left:50%;translate:-50% -55%;width:40px;background-image:url(/cdn/shop/files/active-simulator-tab.png?v=1770689610)}.simulator-tab.-tab02.is-active:before{aspect-ratio:71/73;width:35px;background-image:url(/cdn/shop/files/active-simulator-tab02.png?v=1770689610)}.simulator-tab.is-active:after{content:"";position:absolute;left:0;bottom:0;right:0;height:4px;background-color:#e0b3b6;border-radius:2px}.step{padding-inline:1.25rem;padding-bottom:27px;border-top:1px solid #e5e5e5}.step.--arrow{position:relative;border-top:1px solid #a5a5a5}.step.--arrow:before,.step.--arrow:after{content:"";position:absolute;width:11px;height:8px;clip-path:polygon(0% 0%,100% 0%,50% 100%)}.step.--arrow:before{top:0;left:45px;z-index:0;background-color:#a5a5a5}.step.--arrow:after{top:-1.5px;left:45px;z-index:1;background-color:#fff}.acdn-btn{display:flex;align-items:center;gap:0 14px;width:100%;padding:12px 0;color:#313131}.acdn-btn.is-active{color:#a53a37}.acdn-btn__mishin{flex:0 0 28px;width:28px;color:#9b9b9b}.acdn-btn__mishin:is(.acdn-btn.is-active *){color:#e0b3b6}.acdn-btn__step{font-size:16px;font-weight:700;letter-spacing:.05em}.acdn-btn__ttl{font-size:14px;font-weight:700;letter-spacing:.05em}.acdn-btn__toggle{display:flex;position:relative;justify-content:center;align-items:center;flex:0 0 13px;width:13px;height:13px;margin-left:auto}.acdn-btn__toggle:before,.acdn-btn__toggle:after{content:"";position:absolute;width:100%;height:1px;background-color:#313131}.acdn-btn__toggle:before{rotate:90deg}.acdn-btn__toggle:is(.acdn-btn.is-active *):before{rotate:0deg}.acdn-cont{height:0;margin-top:20px;overflow:hidden}.acdn-cont .metafield-rich_text_field{font-size:14px;padding-bottom:20px;padding-top:20px;border-top:1px solid #e5e5e5}.acdn-cont .metafield-rich_text_field p{font-weight:500;font-size:1em;margin-block:.5em}.acdn-cont .metafield-rich_text_field em{font-style:normal;color:#a53a37}.acdn-cont .metafield-rich_text_field h2{font-size:1.25em;font-weight:700}.acdn-cont .metafield-rich_text_field h3{font-size:1.125em;font-weight:700}.acdn-cont .metafield-rich_text_field h4{font-weight:700;font-size:1em}.acdn-cont .metafield-rich_text_field h5{font-size:.95em}.acdn-cont .metafield-rich_text_field h6{font-size:.85em}.acdn-cont .metafield-rich_text_field h2,.acdn-cont .metafield-rich_text_field h3{margin-block:2em .25em}.acdn-cont .metafield-rich_text_field *:first-child{margin-block-start:0px}@media not (max-width:768px){.acdn-cont .metafield-rich_text_field{font-size:16px}}.selected-item{display:flex;align-items:center;gap:0 8px;padding-top:12px}.selected-item__img{flex:0 0 100px}.selected-item__content{flex:1 1 auto}.selected-item__name:has(span) b{padding-bottom:5px}.selected-item__name b{font-size:14px;font-weight:700;display:block}.selected-item__name span{font-size:11px;display:block;font-weight:500}.selected-item__price{margin-top:7px;font-size:12px;font-weight:700}.selected-item__del{display:flex;justify-content:center;align-items:center;width:51px;height:23px;background-color:#e0b3b6;border-radius:100vmax;font-size:12px;font-weight:700;color:#fff}@media not (max-width:768px){.selected-item{gap:0 16px}.selected-item__content{display:flex;align-items:center;gap:0 12px}.selected-item__name b{font-size:18px}.selected-item__name span{font-size:14px}.selected-item__price{margin-top:0;font-size:14px}}.step-itemlist{display:flex;gap:0 20px;padding-top:20px;border-top:1px solid #e5e5e5}.step-item{flex:0 0 auto;max-width:100px;padding:5px;position:relative;cursor:pointer}.step-item__note{font-weight:500;font-size:10px;text-align:center}.step-item.is-selected:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #aa6462}.step-item.is-disabled{position:relative;pointer-events:none}.step-item.is-disabled:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#666;content:"";opacity:.8}.scroller.simplebar-scrollable-x{padding-bottom:28px}.scroller .simplebar-scrollbar.simplebar-visible:before{background-color:#e0b3b6;opacity:1}.scroller .simplebar-scrollbar:before{top:0;right:0;bottom:0;left:0}.scroller .simplebar-track.simplebar-horizontal{height:5px}.total{display:flex;align-items:center;gap:0 24px;padding-top:36px;margin-top:24px;border-top:2px solid #e0b3b6}.total__label{display:flex;justify-content:center;align-items:center;flex:0 0 61px;width:61px;height:38px;border:1px solid #bebebe;font-size:16px;font-weight:700}.total__price{font-size:18px;font-weight:700}.total__price small{font-size:10px}.total__btn{flex:0 0 170px;width:170px;margin-left:auto}.submit-btn{display:flex;justify-content:center;align-items:center;width:100%;height:49px;background-color:#313131;border-radius:4px;font-size:16px;font-weight:700;color:#fff}.submit-btn:disabled{background-color:#e5e5e5;color:gray}.submit-btn:not(:disabled){transition-duration:.3s;transition-property:opacity}.submit-btn:not(:disabled):hover{opacity:.6}[role=tabpanel]:not(.is-active){display:none}.no-select{width:90px;height:100%;display:grid;place-content:center;background-color:#fffbe2;font-size:12px}.c-modal{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;padding:30px;background-color:#fff;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0}.c-modal__inner{max-width:1000px;margin-inline:auto}.c-modal__ttl{font-size:16px;font-weight:700;margin-bottom:20px}.c-modal__field{max-width:500px;margin-bottom:20px}.c-modal__field .c-select{width:100%}.c-modal__note{font-weight:500;text-align:center;font-size:14px;margin-bottom:20px}.c-modal__close{position:absolute;z-index:10;right:10px;top:10px;background-color:#313131;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.c-modal__close:before,.c-modal__close:after{position:absolute;content:"";width:20px;height:2px;border-radius:100vmax;background-color:#fff}.c-modal__close:before{rotate:45deg}.c-modal__close:after{rotate:-45deg}.simulator-modal{position:fixed;z-index:999;padding:30px;background-color:#fff;visibility:hidden;opacity:0}.simulator-modal__inner{width:100%;max-width:1000px;margin-inline:auto}.simulator-modal__close{position:absolute;z-index:10;right:10px;top:10px;background-color:#313131;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.simulator-modal__close:before,.simulator-modal__close:after{position:absolute;content:"";width:20px;height:2px;border-radius:100vmax;background-color:#fff}.simulator-modal__close:before{rotate:45deg}.simulator-modal__close:after{rotate:-45deg}@media(min-width:640px){.simulator-modal{top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}}@media not (min-width:640px){.simulator-modal{overflow:auto;top:0;left:0;width:100%;height:100vh;-webkit-overflow-scrolling:touch}}.canvas{flex:1 1 100%;max-width:285px;position:relative;aspect-ratio:19/32;transition-duration:.3s;max-height:auto;transition-property:max-height,height}.canvas>*{position:absolute;top:0;left:0}.canvas .mask{position:relative;z-index:1;height:100%;aspect-ratio:285/480}.canvas .kiji{width:100%;height:100%}.canvas .ribbon{width:140%;z-index:6;top:7%;left:48%;transform:translate(-50%)}.canvas .ribbon img{width:100%}.canvas .initial_ribbon{width:18%;z-index:7;top:63%;left:17%;transform:translate(-50%,-50%)}.canvas .case_outline{z-index:2}.canvas .camera{z-index:3;width:60%;top:11.5%;left:29.5%;transform:translate(-50%,-50%)}.canvas .belt{z-index:6;width:76%;top:49.8%;left:70%;transform:translate(-50%,-50%)}.canvas .ribbon_deco{width:143%;z-index:7;top:7%;left:50%;transform:translate(-50%)}.canvas .belt_ribbon{z-index:7;width:21%;top:49.5%;left:63%;transform:translate(-50%,-50%)}.canvas .belt_ribbon_charm{z-index:8;width:13%;top:49.8%;left:58%;transform:translate(-50%,-50%)}.canvas .chain{z-index:5;width:199%;top:-35.5%;left:-20.5%}.canvas .pearl_initial{z-index:1;width:61%;transform:translate(-50%,-50%)}.phone__front .canvas .ribbon{z-index:10;top:-6%}.phone__front .canvas .ribbon_deco{z-index:11;top:-6%}.phone__front .canvas .initial_ribbon{z-index:12;top:50%;left:-3%}.phone__front .canvas .pearl_initial{top:67.8%;left:37%}.phone__back .canvas .pearl_initial{top:67.8%;left:50%}.c-toast-container{display:flex;position:fixed;inset:auto 20px 3vh;z-index:9999;flex-direction:column;align-items:center;gap:20px 0}.c-toast{display:flex;justify-content:space-between;align-items:center;gap:0 20px;padding:10px 20px;background-color:#64aa66;border-radius:10px;box-shadow:#0003 0 2px 5px;opacity:0;color:#fff}.c-toast__message{flex:1 1 auto;font-weight:500}.c-toast__close{flex:0 0 auto;width:auto;padding:0;margin:0;line-height:0}.c-toast__close:before{content:"\2715"}.c-toast.--success{background-color:#6466aa}.c-toast.--error{background-color:#aa6462}.radio-area{display:flex;gap:2px 14px;flex-wrap:wrap}.radio-area label{font-weight:500;cursor:pointer;font-size:16px;display:flex;align-items:center;gap:0 4px}.radio-area input{translate:0 1px;accent-color:#aa6462}.c-select,.c-input{padding:2px 10px;border-radius:3px;border:1px solid #666;font-size:16px;font-weight:500;font-family:var(--font-body-family)}.device-option{height:0;overflow:hidden}.c-textarea{padding:10px;border-radius:3px;border:1px solid #666;font-size:16px;font-weight:500;height:200px;min-height:100px;width:100%;resize:vertical}
/*# sourceMappingURL=/cdn/shop/t/8/assets/simulator.css.map */