body p{margin:0;line-height:1.7}body .note{font-size:12px;color:#777;padding-left:1em;text-indent:-1em;margin-top:10px}body a:focus:not(:focus-visible){outline:none}body a:focus-visible{outline:2px solid #0056b3;outline-offset:2px}.wrapper{background:#ede7dc}.wrapper,body.header-fix .wrapper,body.header-fix{padding-top:0 !important}#header,.pane-footer,.menu-toggle,#revico-cartdefender-wishlist-button-zone{display:none}.hidden{display:none !important}.pc{display:none}@media screen and (min-width: 768px){.pc{display:block}}#start-screen{padding:20px;text-align:center;height:100vh;height:100dvh;display:flex;flex-direction:column;z-index:1}@media screen and (min-width: 768px){#start-screen{max-width:500px;margin:0 auto;background:#fff;position:relative;z-index:1;box-shadow:0 0 20px rgba(0,0,0,0.1)}}#start-screen .start-screen-footer{margin-top:auto;width:100%}#start-screen .start-screen-footer .btn-howto{margin-bottom:12px}#start-screen .start-screen-footer .btn{width:100%}#start-screen .inner{margin:auto 0}#start-screen h1{font-size:18px;font-weight:normal;margin:0 0 40px;line-height:1.5}#start-screen .choice-container{display:flex;gap:15px}#start-screen .choice-container .choice-card{flex:1;cursor:pointer;padding:0;transition:opacity 0.2s}#start-screen .choice-container .choice-card:hover{opacity:0.8}#start-screen .choice-container .choice-card .img-placeholder{width:100%;margin-bottom:15px}#start-screen .choice-container .choice-card .img-placeholder img{width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden}#start-screen .choice-container .choice-card h2{font-size:16px;margin:0 0 10px;border-bottom:1px solid #333;display:inline-block;padding-bottom:5px}#start-screen .choice-container .choice-card p{font-size:12px;color:#333;text-align:left;line-height:1.6}#start-screen .choice-container .choice-card p span{display:block;color:#777;margin-top:5px}#start-screen .btn-back{width:100%;margin-top:auto}#start-screen .btn-back .btn{width:100%}#howto-screen{display:flex;flex-direction:column;z-index:15}#howto-screen .inner{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:60px 20px 40px;text-align:left}#howto-screen .inner h2{font-size:20px;margin-bottom:30px;text-align:center;font-weight:bold;border-bottom:2px solid #000;padding-bottom:30px}@media screen and (min-width: 768px){#howto-screen .inner h2{font-size:24px}}#howto-screen .inner h2+p{font-size:14px;color:#777}#howto-screen .inner .howto-step{margin-top:40px}#howto-screen .inner .howto-step h3{font-size:16px;margin:0 0 15px;line-height:1.4;font-weight:bold}@media screen and (min-width: 768px){#howto-screen .inner .howto-step h3{font-size:18px}}#howto-screen .inner .howto-step img{width:100%;height:auto;margin-bottom:15px;border:20px solid #eee}#howto-screen .inner .howto-step p{font-size:14px;color:#333;line-height:1.6}#howto-screen .inner .howto-step p .note{display:block}#howto-screen .inner .howto-footer{margin-top:40px}#howto-screen .inner .howto-footer .btn{width:100%}@media screen and (min-width: 768px){#howto-screen{max-width:500px;left:50%;transform:translate(-50%, 100%)}#howto-screen.is-active{transform:translate(-50%, 0)}#howto-screen .close-btn{right:15px}}#sim-screen{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}@media screen and (min-width: 768px){#sim-screen{flex-direction:inherit;justify-content:space-between;align-items:center;margin:0 auto;left:50%;transform:translate(-50%, 0);gap:40px;overflow:inherit}}#sim-screen.is-bag #preview-area{padding-bottom:12vh}@media screen and (min-width: 768px){#sim-screen.is-bag #preview-area{padding-bottom:22vh}}#sim-screen.is-pouch #preview-area{padding-bottom:15vh}@media screen and (min-width: 768px){#sim-screen.is-pouch #preview-area{padding-bottom:30vh}}#preview-area{flex:none;height:52vh;position:relative;background-color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:height 0.3s linear, transform 0.1s linear}@media screen and (min-width: 768px){#preview-area{flex:1;height:100vh !important;height:100dvh !important}}#preview-area .preview-layer{position:absolute;max-width:80%;max-height:80%;object-fit:contain;filter:drop-shadow(0px 3px 5px rgba(0,0,0,0.2));display:none;transition:transform 0.1s linear}#sim-screen.is-bag #preview-area #preview-obi-default{z-index:1;transform:scaleX(-1) translate(28%, 26%) scale(0.8)}#sim-screen.is-bag #preview-area #preview-obi{z-index:1;transform:translate(-32%, 30%) scale(0.65) rotate(-90deg) scaleX(-1)}#sim-screen.is-bag #preview-area #preview-oya{z-index:2;transform:scale(1)}#sim-screen.is-bag #preview-area #preview-ko-1{z-index:3;transform:translate(40%, 26%) scale(0.65)}#sim-screen.is-bag #preview-area #preview-ko-2{z-index:4;transform:translate(27%, 37%) scale(0.65)}#sim-screen.is-bag #preview-area #preview-ko-3{z-index:5;transform:translate(14%, 48%) scale(0.65)}#sim-screen.is-bag .tabs [data-target="tab-oya"]{order:1}#sim-screen.is-bag .tabs [data-target="tab-obi"]{order:2}#sim-screen.is-bag .tabs [data-target="tab-ko"]{order:3}#sim-screen.is-pouch #preview-area #preview-obi{z-index:1;transform:translate(-30%, 5%) scale(0.65) scaleX(-1)}#sim-screen.is-pouch #preview-area #preview-ko-1{z-index:2;transform:translate(10%, 14%) scale(0.65)}#sim-screen.is-pouch #preview-area #preview-ko-2{z-index:3;transform:translate(-4%, 28%) scale(0.65)}#sim-screen.is-pouch #preview-area #preview-ko-3{z-index:4;transform:translate(-18%, 42%) scale(0.65)}#sim-screen.is-pouch #preview-area #preview-ko-4{z-index:5;transform:translate(38%, 30%) scale(0.65)}#sim-screen.is-pouch #preview-area #preview-ko-5{z-index:6;transform:translate(24%, 44%) scale(0.65)}#sim-screen.is-pouch .tabs [data-target="tab-ko"]{order:1}#sim-screen.is-pouch .tabs [data-target="tab-obi"]{order:2}#sim-screen.is-shrink #preview-area{height:22vh;display:flex;justify-content:center;align-items:center;padding-bottom:0}#sim-screen.is-shrink .preview-layer{position:static !important;height:auto;width:auto;max-width:25%;object-fit:contain}#sim-screen.is-shrink.is-bag #preview-area #preview-obi{transform:translate(0, 0) scale(1);width:18%}#sim-screen.is-shrink.is-bag #preview-area #preview-obi-default{transform:scaleX(-1) translate(0, 0) scale(1);width:18%}#sim-screen.is-shrink.is-bag #preview-area #preview-oya{transform:scale(1);width:25%}#sim-screen.is-shrink.is-bag #preview-area #preview-ko-1{transform:translate(0, 0) scale(1);width:15%}#sim-screen.is-shrink.is-bag #preview-area #preview-ko-2{transform:translate(0, 0) scale(1);width:15%}#sim-screen.is-shrink.is-bag #preview-area #preview-ko-3{transform:translate(0%, 0) scale(1);width:15%}#sim-screen.is-shrink.is-pouch #preview-area #preview-obi{transform:translate(0, 0) scale(1);width:18%}#sim-screen.is-shrink.is-pouch #preview-area #preview-obi-default{transform:scaleX(-1) translate(0, 0) scale(1);width:18%}#sim-screen.is-shrink.is-pouch #preview-area #preview-oya{transform:scale(1);width:25%}#sim-screen.is-shrink.is-pouch #preview-area #preview-ko-1{transform:translate(0, 0) scale(1);width:15%}#sim-screen.is-shrink.is-pouch #preview-area #preview-ko-2{transform:translate(0, 0) scale(1);width:15%}#sim-screen.is-shrink.is-pouch #preview-area #preview-ko-3{transform:translate(0%, 0) scale(1);width:15%}#sim-screen.is-shrink.is-pouch #preview-area #preview-ko-4{transform:translate(0%, 0) scale(1);width:15%}#sim-screen.is-shrink.is-pouch #preview-area #preview-ko-5{transform:translate(0%, 0) scale(1);width:15%}#controls{flex:1;display:flex;flex-direction:column;height:auto;min-height:0;box-shadow:0 -3px 15px rgba(0,0,0,0.05);z-index:5}@media screen and (min-width: 768px){#controls{box-shadow:0 -2px 20px rgba(0,0,0,0.15);border-radius:8px 8px 0 0;overflow:hidden;margin:60px 60px 0 0;height:calc(100vh - 60px)}}.tabs{display:flex;background-color:#f9f9f9;gap:4px}.tabs .tab-btn{flex:1;padding:10px 0;border:none;background:#e0e0e0;font-size:14px;cursor:pointer;color:#666;border-bottom:2px solid transparent;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:4px 4px 0 0;margin:0}@media screen and (min-width: 768px){.tabs .tab-btn{border-radius:0;padding:15px 0}}.tabs .tab-btn .tab-icon{width:20px;height:20px}.tabs .tab-btn span{font-size:10px;display:inline-block}.tabs .tab-btn.active{color:#fff;background-color:#333;font-weight:bold}.tabs .tab-btn.disabled{display:none}.tab-contents{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translateZ(0);transform:translateZ(0);padding:20px 0 0;background:#fbfbfb;border-top:2px solid #333}@media screen and (min-width: 768px){.tab-contents{background:#fff}}.tab-contents h3{margin:0 0 5px;font-size:3.6vw}@media screen and (min-width: 768px){.tab-contents h3{font-size:18px;font-weight:bold;margin:0 0 15px}}.tab-contents h3 .price{font-size:2.4vw;color:#777;display:inline-block;margin-left:1em;font-weight:normal;vertical-align:middle}@media screen and (min-width: 768px){.tab-contents h3 .price{font-size:13px}}.tab-contents .error{display:none;color:#e74c3c;font-size:14px;font-weight:bold;text-align:center;margin:0 15px;padding:10px;background-color:#fdeaea;border-radius:4px;position:fixed;bottom:0;left:0;width:calc(100% - 30px);z-index:10}.tab-contents .tab-pane{display:none}.tab-contents .tab-pane.active{display:block}.tab-contents .item-list{width:100%;padding:0 20px 5px;box-sizing:border-box;overflow:hidden}.tab-contents .item-list+.item-list{margin-top:15px}@media screen and (min-width: 768px){.tab-contents .item-list+.item-list{margin-top:40px}}.tab-contents .item-list.tan.not{display:none}.tab-contents .item-list .swiper-slide{width:43%;height:auto}.tab-contents .item-list .item{border:1px solid #e0e0e0;border-radius:4px;padding:5px;cursor:pointer;background-color:#fff;position:relative;transition:border-color 0.2s;height:100%;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;gap:10px}.tab-contents .item-list .item.selected{border-color:#32a2c5;border-width:2px;padding:4px}.tab-contents .item-list .item.selected::after{content:'';position:absolute;bottom:-5px;right:-5px;width:20px;height:20px;background-color:#32a2c5;border-radius:50%;z-index:1}.tab-contents .item-list .item.selected::before{content:'';position:absolute;bottom:0px;right:2px;width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);z-index:2}.tab-contents .item-list .item .item-img{width:40%;display:flex;align-items:center;justify-content:center;background-color:#f1f1f1;flex-shrink:0}.tab-contents .item-list .item .item-img img{max-width:100%;max-height:100%;object-fit:contain}.tab-contents .item-list .item .item-name{font-size:12px;text-align:left;color:#555;line-height:1.5}@media screen and (min-width: 768px){.tab-contents .item-list .item-list-wrapper{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}}.tab-contents .select-item-list{padding:30px 20px 40px;margin:40px 0 0;background:#eaf3f5}.tab-contents .select-item-list #deselect-all-btn{background:#eee;border:1px solid #333;font-size:12px;padding:10px 10px;line-height:1;margin:0}.tab-contents .select-item-list .selected-items{list-style:none;padding:0;margin:0 0 15px 0}.tab-contents .select-item-list .selected-card{display:flex;align-items:center;background:#fff;padding:15px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,0.05);flex-wrap:wrap}.tab-contents .select-item-list .selected-card .checkbox-wrapper{position:relative;width:24px;height:24px;margin-right:15px;cursor:pointer}.tab-contents .select-item-list .selected-card .checkbox-wrapper input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.tab-contents .select-item-list .selected-card .checkbox-wrapper input:checked ~ .checkmark{background-color:#32a2c5;border-color:#32a2c5}.tab-contents .select-item-list .selected-card .checkbox-wrapper input:checked ~ .checkmark:after{display:block;border-color:#fff}.tab-contents .select-item-list .selected-card .checkbox-wrapper .checkmark{position:absolute;top:0;left:0;height:24px;width:24px;background-color:#fff;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;transition:all 0.2s ease;padding-left:0}.tab-contents .select-item-list .selected-card .checkbox-wrapper .checkmark:before{content:none !important}.tab-contents .select-item-list .selected-card .checkbox-wrapper .checkmark:after{content:"";position:absolute;display:none;left:50%;top:45%;width:6px;height:12px;border:solid #32a2c5;border-width:0 2px 2px 0;transform:translate(-50%, -50%) rotate(45deg)}.tab-contents .select-item-list .selected-card .card-img{width:60px;height:60px;background:#f5f3f8;margin-right:15px;display:flex;align-items:center;justify-content:center}.tab-contents .select-item-list .selected-card .card-img img{max-width:100%;max-height:100%;object-fit:contain}.tab-contents .select-item-list .selected-card .card-info{flex:1}.tab-contents .select-item-list .selected-card .card-info .category-label{display:inline-block;font-size:2.8vw;color:#777;border:1px solid #ccc;padding:5px 5px;margin-bottom:5px;line-height:1}@media screen and (min-width: 768px){.tab-contents .select-item-list .selected-card .card-info .category-label{font-size:12px}}.tab-contents .select-item-list .selected-card .card-info .category-label.no-border{border:none;padding:0;color:#999}.tab-contents .select-item-list .selected-card .card-info .name{font-size:3.8vw;margin:0;font-weight:normal;color:#333;line-height:1.7}@media screen and (min-width: 768px){.tab-contents .select-item-list .selected-card .card-info .name{font-size:14px}}.tab-contents .select-item-list .selected-card .obi-default{width:100%;display:flex;align-items:center;margin:10px 0 0 39px;padding:5px;border:1px dashed #ccc}.tab-contents .select-item-list .selected-card .obi-default .obi-default-img{width:60px;height:auto;background:#e6e6e6;margin-right:15px;display:flex;align-items:center;justify-content:center}.tab-contents .select-item-list .selected-card .obi-default .obi-default-img img{max-width:100%;max-height:100%;object-fit:contain}.tab-contents .select-item-list .selected-card .obi-default .obi-default-info .name{font-size:3.2vw;color:#777;padding-left:1em;text-indent:-1em;line-height:1.7}@media screen and (min-width: 768px){.tab-contents .select-item-list .selected-card .obi-default .obi-default-info .name{font-size:14px}}.tab-contents .select-item-list .selected-card.karabina-card{margin-top:20px}.tab-contents .select-item-list .karabina-note{font-size:12px;color:#777;line-height:1.5;margin-bottom:20px;padding-left:1em;text-indent:-1em}.tab-contents .select-item-list .select-item-list-txt{font-size:3.2vw;margin-top:10px}@media screen and (min-width: 768px){.tab-contents .select-item-list .select-item-list-txt{font-size:13px}}#app-container{position:relative;overflow:hidden;height:100vh;height:100dvh;max-width:500px;margin:0 auto;background-color:#fff;min-height:100vh;min-height:100dvh;box-shadow:0 0 15px rgba(0,0,0,0.1)}@media screen and (min-width: 768px){#app-container{max-width:inherit;background-color:#ede7dc;overflow:initial}#app-container::before,#app-container::after{content:"";position:absolute;top:0;bottom:0;width:50vw;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}#app-container::before{left:0;background-image:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url("https://images.nakagawa-masashichi.com/normal/public/web/ec/img/pages/simulation-fukuromono/bg_pc_left.jpg")}#app-container::after{right:0;background-image:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url("https://images.nakagawa-masashichi.com/normal/public/web/ec/img/pages/simulation-fukuromono/bg_pc_right.jpg")}}.hidden{display:none !important}.bottom-sheet{position:absolute;top:100%;left:0;width:100%;height:100vh;height:100dvh;background:#fff;z-index:10;overflow-y:hidden;transition:top 0.4s cubic-bezier(0.25, 1, 0.5, 1)}.bottom-sheet.is-active{top:0}.bottom-sheet .close-btn{position:absolute;top:15px;right:15px;width:44px;height:44px;font-size:32px;line-height:1;color:#666;background:#333;border:none;border-radius:50%;cursor:pointer;z-index:20;display:flex;justify-content:center;align-items:center;transition:background 0.2s, color 0.2s;margin:0;padding:0;vertical-align:middle}@media screen and (min-width: 768px){.bottom-sheet .close-btn{right:15px}}.bottom-sheet .close-btn:hover{background:#777;color:#000}.bottom-sheet .close-btn::before,.bottom-sheet .close-btn::after{content:"";position:absolute;width:20px;height:2px;background-color:#fff}.bottom-sheet .close-btn::before{transform:rotate(45deg)}.bottom-sheet .close-btn::after{transform:rotate(-45deg)}.bottom-sheet .btn-area{position:absolute;z-index:10;top:15px;left:15px}.bottom-sheet .btn-area .link-to-selected{background:#fff;border:1px solid #32a2c5;font-size:11px;padding:4px 8px;line-height:1;margin:0;cursor:pointer;color:#32a2c5}.bottom-sheet .btn-area .btn-deselect-all{background:#eee;border:1px solid #333;font-size:11px;padding:4px 8px;line-height:1;margin:0;cursor:pointer;color:#777}.bottom-sheet .btn-cart{width:100%;margin:30px auto 0;display:block}.bottom-sheet .btn-cart.disabled{cursor:default;pointer-events:none;color:#fff}.bottom-sheet .btn-cart+.note{text-align:center;color:#32a2c5}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:100;display:flex;justify-content:center;align-items:center;animation:fadeIn 0.3s ease;opacity:1}.modal-overlay .modal-content{background:#fff;padding:30px;border-radius:12px;text-align:center;width:90%;max-width:360px;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.modal-overlay .modal-content p{margin-top:0;margin-bottom:25px;line-height:1.6;font-size:15px;color:#333}.modal-overlay .modal-content .modal-actions button{padding:10px 20px;font-size:15px;font-weight:bold;cursor:pointer;border:none;border-radius:6px;transition:opacity 0.2s;width:100%}.modal-overlay .modal-content .modal-actions button:hover{opacity:0.8}.modal-overlay .modal-content .modal-actions button.btn-cancel{background:#ededed;color:#777;border:1px solid #777}.modal-overlay .modal-content .modal-actions button.btn-close{background:#d9534f;color:#fff}@keyframes fadeIn{from{opacity:0}to{opacity:1}}