#iface_simulator [v-cloak]{display:none!important}#iface_simulator{background-color:#eee;width:100vw;height:100svh;overflow:hidden;font-family:Poppins,Noto Sans JP,Helvetica,Arial,Roboto,\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af  Pro,Hiragino Kaku Gothic Pro,Droid Sans,\6e38\30b4\30b7\30c3\30af\4f53,Yu Gothic,YuGothic,Osaka,\ff2d\ff33  \ff30\30b4\30b7\30c3\30af,MS PGothic,sans-serif;font-size:14px;font-weight:500;line-height:1.7em;letter-spacing:.06em;color:#333}#iface_simulator #simulator_wrapper{width:100%;max-width:900px!important;margin:0 auto!important;padding-bottom:0!important}#iface_simulator .simulator_container{width:100%}#iface_simulator .sim_image{position:relative;width:100%;height:calc(100svh - 360px)!important;max-height:none!important;display:block;margin:0!important;padding:0!important}#iface_simulator .sim_image ul{position:absolute;width:100%;height:100%;display:block;top:0}#iface_simulator .sim_image ul li{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:50%}#iface_simulator .sim_image ul li#strap{width:auto;height:95%;display:flex;justify-content:center}#iface_simulator .sim_image ul li#strap_hand{left:-40%;bottom:-20%}#iface_simulator .sim_image ul li#charm{left:-50%;bottom:-190px;height:44%}#iface_simulator .sim_image ul li#airpods{height:31%;bottom:-59%;right:-44%;z-index:9}#iface_simulator .sim_image ul li img{margin:auto;height:100%;width:auto;display:block}#iface_simulator .sim_image ul li#magsynq_multi img{mix-blend-mode:multiply}#iface_simulator .white{background:#fff}#iface_simulator .black{background:#333}#iface_simulator .pink16{background:#ca9ab3}#iface_simulator .blue16{background:#919ae4}#iface_simulator .green16{background:#9fc3c1}#iface_simulator .desert16Pro{background:#d9d0a3}#iface_simulator .blue15{background:#d7e6ed}#iface_simulator .green15{background:#daebd5}#iface_simulator .pink15{background:#f9dfe1}#iface_simulator .yellow15{background:#f9f1cc}#iface_simulator .natural15Pro{background:#9f9c99}#iface_simulator .blue15Pro{background:#424c5f}#iface_simulator .blue14{background:#96b3c4}#iface_simulator .purple14{background:#cfcadf}#iface_simulator .yellow14{background:#ffe470}#iface_simulator .red14{background:#ff1b22}#iface_simulator .color_chip{border:1px solid rgb(229,229,229);border-radius:50%;width:100%;height:100%;display:block}#iface_simulator .step-swiper .swiper-slide{width:auto;height:60px;padding-right:25px;box-sizing:content-box!important}#iface_simulator .step-swiper .swiper-slide:last-child{padding-right:0}#iface_simulator .step-swiper .swiper-slide>div{width:auto;height:100%}#iface_simulator .step-swiper .swiper-slide img{width:auto;height:100%}#iface_simulator #step0 .swiper-slide{width:40px;height:40px}#iface_simulator #step0 .swiper-slide>div{width:100%;height:100%}#iface_simulator #step1 .swiper-slide{padding-right:10px}#iface_simulator .swiper-wrapper{height:100px;align-items:center;box-sizing:border-box}#iface_simulator .swiper-slide>div{position:relative}#iface_simulator .off_step{display:none}#iface_simulator #step-wrapper{position:absolute;width:100%;left:0;bottom:0;background-color:#fcfcfc;overflow:hidden;height:360px}#iface_simulator .step-content{text-align:center;font-weight:600;font-size:16px;margin-top:15px}#iface_simulator .step-content h2{font-size:16px;font-weight:600;margin:20px 0 0;text-align:center}#iface_simulator .step-content h2{font-size:16px!important;line-height:1.7em;margin:20px 0 0!important;padding:0;color:#333}#iface_simulator ul,#iface_simulator li{list-style:none}#iface_simulator .sim_image ul,#iface_simulator .step-swiper ul,#iface_simulator #selected_list{margin:0;padding:0}#iface_simulator #step-btn{position:absolute;bottom:105px;left:0;display:flex;justify-content:space-between;width:100%;padding:0 20px;align-items:flex-end}#iface_simulator #step-btn p{font-size:12px;position:relative;min-width:38.5px;cursor:pointer}#iface_simulator #step-btn p span:after{content:"";display:block;position:absolute;width:17px;height:17px;border-top:3px solid #333;border-left:3px solid #333;top:-30px;left:0;right:0;margin:auto}#iface_simulator #step-btn p:first-child span:after{transform:rotate(-45deg);right:-7px}#iface_simulator #step-btn p:last-child span:after{transform:rotate(135deg);left:-7px}#iface_simulator #progress span{line-height:1em;display:inline-block;font-size:10px}#iface_simulator #progress span:first-child{font-size:14px;margin-right:10px;position:relative}#iface_simulator #progress span:first-child:after{content:"";width:2px;display:block;height:12px;position:absolute;background-color:#333;top:0;right:-6px;transform:rotate(20deg)}#iface_simulator .isActive:after{content:"";width:65px;height:65px;display:block;position:absolute;top:0;left:-4px;bottom:0;right:0;margin:auto;border:1px solid #333;border-radius:50%;pointer-events:none}#iface_simulator #step0 .isActive:after{content:"";width:50px;height:50px;display:block;position:absolute;top:-5px;left:-5px;bottom:auto;right:auto;border:1px solid #333;border-radius:50%}#iface_simulator .color_name{opacity:0;position:absolute;font-size:10px;font-weight:600;text-align:center;left:-19px;right:0;bottom:-27px;margin:auto;display:inline-block;transition:.3s;width:100px;color:#555}#iface_simulator .isActive .color_name{opacity:1}#iface_simulator .magsynq_icon{opacity:0;position:absolute;font-size:10px;font-weight:600;text-align:center;left:-7px;right:0;bottom:-47px;margin:auto;display:inline-block;transition:.3s;width:max-content;color:#333;background-color:#eee;padding:0 5px;letter-spacing:0}#iface_simulator .isActive .magsynq_icon{opacity:1}#iface_simulator #attention_area{position:absolute;opacity:0;bottom:0;left:0;padding:0 10px 10px;width:100%}#iface_simulator #attention_area.show{opacity:1}#iface_simulator #attention_area p{font-size:10px;text-align:center;font-weight:600;letter-spacing:.03em}#iface_simulator #attention_area p a{font-size:11px;text-align:center;font-weight:600;letter-spacing:.03em;text-decoration:underline;color:#e9a32c;margin-top:3px;display:inline-block}#iface_simulator .item_attention1,#iface_simulator .item_attention2,#iface_simulator .item_link{display:none}#iface_simulator .item_attention1.show,#iface_simulator .item_attention2.show,#iface_simulator .item_link.show{display:block}#iface_simulator .seeitem{position:absolute!important;left:0;right:0;margin:auto;top:0;bottom:0;font-weight:600;background:#333;display:table;width:200px;color:#fff;padding:10px;border-radius:50px;font-size:12px;line-height:1em;transform:translateY(-35px)}#iface_simulator #selectItem{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;z-index:10;transform:translateY(100vh);transition:.5s}#iface_simulator #selectItem.see{transform:translateY(0)}#iface_simulator #selectItem>div{width:100%;margin:0;overflow:auto;height:100%;padding:8%}#iface_simulator #selectItem ul{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1000px;margin:0 auto}#iface_simulator #selectItem ul li{width:45%;margin-bottom:40px}#iface_simulator #selectItem ul li img{width:100%;height:auto}#iface_simulator #close_btn{position:fixed;bottom:50px;right:0;left:0;width:300px;background:#333;margin:auto;color:#fff;text-align:center;font-weight:600;font-size:16px;padding:10px 0;border-radius:50px;cursor:pointer}#iface_simulator #selectItem_close{position:fixed;top:12px;right:12px;width:44px;height:44px;z-index:11;background:#00000014;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center}#iface_simulator #selectItem_close span{position:absolute;width:22px;height:2px;background:#333;display:block}#iface_simulator #selectItem_close span:first-child{transform:rotate(45deg)}#iface_simulator #selectItem_close span:last-child{transform:rotate(-45deg)}#iface_simulator .selected_item:has(>.notItem){display:none}#iface_simulator .selected_item_name{font-weight:600;font-size:12px;line-height:1.5em;margin-top:10px}#iface_simulator .selected_item_color{font-weight:600;font-size:10px;line-height:1.5em;margin-top:5px}#iface_simulator .selected_item_price{text-align:right;font-weight:600;font-style:italic;font-size:12px}#iface_simulator .selected_item_price:before{content:"\a5"}#iface_simulator .notMag{font-size:11px;font-weight:600;color:#ec6767}@media screen and (min-width:780px){#iface_simulator .step-swiper{width:80%;margin:0 auto}}@media screen and (min-width:900px){#iface_simulator #selectItem ul{justify-content:flex-start}#iface_simulator #selectItem ul li{width:33.3333%;padding:4%}}@media screen and (min-width:1050px){#iface_simulator #step-btn{width:50%;right:0;margin:auto}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/simulator.css.map */