@charset "UTF-8";body{background:#000}#main{background:#fff;line-height:1.8}.byc-container{margin:0 auto;padding:70px 0;max-width:710px}.byc-container *,.byc-container *::before,.byc-container *::after{box-sizing:border-box}.byc-container button{border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.byc-container button,.byc-container input,.byc-container a{-webkit-tap-highlight-color:transparent}.byc-wrapper{display:flex;justify-content:space-between;margin-bottom:50px}.byc-left{width:330px}.byc-right{width:330px}.byc-main-title{margin-bottom:30px;font-family:"HelveticaNeueLTStd-Th";font-size:32px;font-weight:400;line-height:1}.byc-main-text{margin-bottom:40px;text-align:justify;font-size:12px;line-height:2}.byc-step .byc-step-title{margin-bottom:20px;color:#333;font-size:15px}.byc-step .byc-step-title span{display:block;color:#000;font-family:"HelveticaNeueLTStd-Th";font-size:12px;font-weight:800}.byc-step .byc-step-select-item-text{letter-spacing:0;font-size:12px;pointer-events:none}.byc-step-01{margin-bottom:50px}.byc-step-01 .byc-step-select{display:flex;justify-content:space-between}.byc-step-01 .byc-step-select-item{display:block;position:relative;padding:15px 0 10px;width:48%}.byc-step-01 .byc-step-select-item i{display:none}.byc-step-01 .byc-step-select-item input[type=radio]{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #e5e5e5;cursor:pointer;transition:border 0.3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.byc-step-01 .byc-step-select-item input[type=radio]:checked{border:1px solid #000}.byc-step-01 .byc-step-select-item-img{margin:0 auto 15px;width:70%;pointer-events:none}.byc-step-01 .byc-step-select-item-text{text-align:center}.byc-step-02 .byc-step-select-item{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:15px;padding:0 34px 0 20px;width:100%;height:74px;border:1px solid #e5e5e5;background-color:transparent;color:#000;cursor:pointer}.byc-step-02 .byc-step-select-item::after{content:"";display:block;-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);position:absolute;top:50%;right:13px;transform:translate(0,-50%);width:5px;height:7px;background-color:#000}.byc-step-02 .byc-step-select-item-color{display:flex;gap:0 5px;justify-content:flex-end}.byc-step-02 .byc-step-select-item-color .empty-slot{width:32px;height:32px;border:1px solid #e5e5e5}.byc-step-02 .byc-step-select-item-color img{height:32px}.byc-step-02 .byc-step-select-item-color img.img-eyeshadow{width:32px}.byc-step-02 .byc-step-select-item-color img.img-blush{width:69px}.byc-case-sets{margin-bottom:40px}.byc-case-item{position:relative;margin:0 auto}.byc-case-item .case-top{position:absolute;z-index:3;top:0;left:0}.byc-case-item .case-base{position:relative;z-index:1}.byc-case-item .case-slots{display:flex;overflow:hidden;flex-wrap:wrap;position:absolute;z-index:2;border-radius:2px;background-color:#d8d8d8}.byc-case-item .case-slots .empty-slot{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.byc-case-item .case-slots .empty-slot span{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:auto;border:1px solid #000;aspect-ratio:1/1;pointer-events:none}.byc-case-item .case-slots .empty-slot span::before,.byc-case-item .case-slots .empty-slot span::after{content:"";position:absolute;top:50%;left:50%;width:19px;height:1px;background-color:#000}.byc-case-item .case-slots .empty-slot span::before{content:"";transform:translate(-50%,-50%)}.byc-case-item .case-slots .empty-slot span::after{transform:translate(-50%,-50%) rotate(90deg)}.byc-case-item .case-slots img{display:block;overflow:hidden;border-radius:2px}.byc-case-item-01{width:330px}.byc-case-item-01 .case-top{aspect-ratio:3354/673}.byc-case-item-01 .case-slots{top:58px;left:34px;width:260px;height:130px}.byc-case-item-01 .case-slots .empty-slot{width:130px;height:130px}.byc-case-item-01 .case-slots img.img-eyeshadow{width:130px;height:130px}.byc-case-item-01 .case-slots img.img-blush{width:260px;height:130px}.byc-case-item-02{width:330px}.byc-case-item-02 .case-top{width:100%;aspect-ratio:3502/653}.byc-case-item-02 .case-slots{top:54px;left:40px;width:250px;height:250px}.byc-case-item-02 .case-slots .empty-slot{width:125px;height:125px}.byc-case-item-02 .case-slots img.img-eyeshadow{width:125px;height:125px}.byc-case-item-02 .case-slots img.img-blush{width:250px;height:125px}.byc-buy-item{display:flex;align-items:flex-start;margin:0 auto 30px;width:286px}.byc-buy-item-img{display:flex;align-items:center;width:50px;height:50px}.byc-buy-item-img img{width:100%;vertical-align:middle}.byc-buy-item-text{flex:1;padding:0 10px;font-size:11px}.byc-buy-item-name{margin-bottom:5px}.byc-remove-button,.byc-remove-case-button{display:block;margin-top:14px;width:3em;border:none;background-color:transparent;text-align:right;white-space:nowrap;text-decoration:underline;color:#000;font-size:11px;cursor:pointer}.byc-cart-btn{margin:0 auto 20px;width:245px}.byc-cart-btn a{display:block;padding:14px 0;background-color:#000;text-align:center;text-decoration:none;color:#fff;font-size:14px}.byc-cart-btn a.disabled{background-color:#ccc;color:#888;pointer-events:none}.byc-cart-btn-text{margin:0 auto;width:286px;font-size:11px}.byc-product-link{margin:0 auto;width:370px}.byc-product-link a{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:15px;padding:0 34px 0 20px;width:100%;height:74px;border:1px solid #e5e5e5;text-decoration:none;letter-spacing:0;font-size:13px}.byc-product-link a::after{content:"";display:block;-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);position:absolute;top:50%;right:13px;transform:translate(0,-50%);width:5px;height:7px;background-color:#000}.byc-modal{display:flex;visibility:hidden;overflow:hidden;opacity:0;position:fixed;z-index:9999;top:50%;left:50%;transform:translate(-50%,-50%);padding-bottom:78px;width:700px;height:100%;max-height:680px;background-color:#fff;transition:opacity 0.3s ease,visibility 0.3s ease}.byc-modal.open{visibility:visible;opacity:1}.byc-modal-open{position:fixed!important;width:100%}.byc-modal-title{display:flex;justify-content:space-between;align-items:center;position:absolute;z-index:1;top:0;left:0;padding:15px 20px;width:100%;background-color:#000}.byc-modal-title-text{color:#fff;font-size:15px}.byc-modal-title-close{width:20px;height:20px}.byc-modal-title-close button{position:relative;padding:0;width:100%;height:100%;border:none;background:none;vertical-align:top;cursor:pointer}.byc-modal-title-close button::before,.byc-modal-title-close button::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:1px;background:#fff;pointer-events:none}.byc-modal-title-close button::before{transform:translate(-50%,-50%) rotate(45deg)}.byc-modal-title-close button::after{transform:translate(-50%,-50%) rotate(-45deg)}.byc-modal-content{width:100%;height:100%}#byc-modal-1 .byc-modal-content{padding:85px 35px 0}#byc-modal-2 .byc-modal-content{padding:57px 35px 0}.byc-modal-tabs{display:flex;margin-bottom:20px;width:100%}.byc-modal-tab-button{display:block;padding:10px 0;width:50%;border:none;border:1px solid #000;background-color:#fff;color:#000;font-family:"HelveticaNeueLTStd-Th";font-size:15px;font-weight:400;cursor:pointer;transition:background-color 0.2s ease,color 0.2s ease;-webkit-tap-highlight-color:transparent}.byc-modal-tab-button.active{background-color:#000;color:#fff;pointer-events:none}.byc-modal-filter{position:relative;z-index:1;margin-bottom:3px;width:100%;height:30px}.byc-modal-filter-buttons{display:flex;position:relative}.byc-modal-filter-buttons::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#e5e5e5}.byc-modal-filter-button{display:inline-block;position:relative;padding:5px 22px 8px;border:none;background:none;white-space:nowrap;letter-spacing:0;color:#000;font-family:"HelveticaNeueLTStd-Th";font-size:15px;font-weight:400;cursor:pointer}.byc-modal-filter-button::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#e5e5e5}.byc-modal-filter-button.active::after{background-color:#000}.byc-product{padding-bottom:78px;height:calc(100% - 14px)}.byc-product-list{overflow-y:auto;padding:10px 0;height:100%}.byc-product-list.type-eyeshadow .byc-product-item{width:74px}.byc-product-list.type-eyeshadow .byc-product-item .product-image{width:66px;height:66px}.byc-product-list.type-blush .byc-product-item{width:132px}.byc-product-list.type-blush .byc-product-item .product-image{width:122px;height:66px}.byc-product-item{display:inline-block;margin:0 2px 2px 0;padding:4px;border:1px solid transparent;outline:none;background-size:cover;text-align:center;color:#333;font-size:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.byc-product-item .product-image{margin-bottom:2px;background-repeat:no-repeat;background-position:center;background-size:contain}.byc-product-item .product-color-no{font-size:12px}.byc-recommended-set-list{overflow-y:auto;padding:20px 80px 30px;height:100%}.byc-recommend-set-list-box{overflow:hidden;position:relative;transition:height 0.4s ease}.byc-recommend-set-list-box.open{overflow:visible;height:auto}.byc-recommend-set-list-box.open .byc-recommend-set-list-box-more{opacity:0}.byc-recommend-set-list-box-01{margin-bottom:40px;height:375px}.byc-recommend-set-list-box-02{height:315px}.byc-recommend-set-list-box-more{position:absolute;bottom:0;left:0;padding-top:60px;width:100%;background:#fff;background:linear-gradient(0deg,rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgba(255,255,255,0) 100%);text-align:center;transition:opacity 0.3s ease}.byc-recommend-set-list-box-more-btn{display:inline-block;padding:8px 30px;border:none;outline:none;background-color:#000;color:#fff;font-size:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.byc-recommend-set-list-box-more-btn:active{background-color:#000;color:#fff}.byc-recommend-set-list-box-title{margin-bottom:15px;letter-spacing:0;font-family:"HelveticaNeueLTStd-Th";font-size:24px;font-weight:400}.byc-recommend-set-item{position:relative;margin-bottom:15px}.byc-recommend-set-item label{display:block;position:relative;-webkit-tap-highlight-color:transparent;cursor:pointer}.byc-recommend-set-item label::before,.byc-recommend-set-item label::after{content:"";position:absolute}.byc-recommend-set-item label::before{top:50%;left:0;transform:translate(0,-50%);width:24px;height:24px;border:1px solid #e5e5e5}.byc-recommend-set-item label::after{display:none;top:50%;left:8px;transform:translate(0,calc(-50% - 2px)) rotate(45deg);width:7px;height:10px;border-right:1px solid #000;border-bottom:1px solid #000}.byc-recommend-set-item label i{position:absolute;top:50%;left:0;transform:translate(0,calc(-50% - 22px))}.byc-recommend-set-item label i::before{content:"選択";white-space:nowrap;letter-spacing:0;font-size:12px;font-style:normal}.byc-recommend-set-item label.checked-set::after{display:block}.byc-recommend-set-item label.disabled-set{opacity:.3;pointer-events:none}.byc-recommend-set-item .set-checkbox{display:none}.byc-recommend-set-item-bd{margin-left:auto;padding:15px 20px;width:calc(100% - 45px);border:1px solid #e5e5e5}.byc-recommend-set-item-name{margin-bottom:20px;padding-bottom:3px;border-bottom:1px solid #000;letter-spacing:0;font-family:"HelveticaNeueLTStd-Th";font-size:18px;font-weight:400}.byc-recommend-set-item-detail{display:flex;justify-content:space-between;align-items:flex-start}.byc-recommend-set-item-img{display:flex;flex-wrap:wrap;width:140px}.byc-recommend-set-item-img img{display:block;width:50%;height:auto;aspect-ratio:1/1}.byc-recommend-set-item-info{flex:1;padding-left:20px}.byc-recommend-set-item-info p{margin-bottom:5px;letter-spacing:0;font-family:"HelveticaNeueLTStd-Th";font-size:12px;font-weight:400}.byc-recommend-set-item-info p:last-child{margin-bottom:0}.byc-modal-bottom{display:flex;justify-content:space-between;align-items:center;position:absolute;z-index:1;bottom:0;left:0;padding:15px 25px;width:100%;border-top:1px solid #000;background-color:#fff}.byc-modal-bottom-select{display:flex;justify-content:space-between;align-items:center}.byc-modal-bottom-num{font-size:14px}.byc-modal-bottom-preview{display:flex;justify-content:flex-end;margin-left:20px}.byc-modal-bottom-preview .empty-slot{margin-left:5px;width:36px;height:36px;border:1px solid #e5e5e5}.byc-modal-bottom-preview img{display:block;margin-left:5px;height:36px}.byc-modal-bottom-preview .img-eyeshadow{width:36px}.byc-modal-bottom-preview .img-blush{width:77px}.byc-modal-bottom-close{width:235px}.byc-modal-bottom-close button{display:block;padding:14px 0;width:100%;border:none;background-color:#000;text-align:center;text-decoration:none;color:#fff;font-size:13px;-webkit-tap-highlight-color:transparent;cursor:pointer}.byc-modal-bottom-close button:active{color:#fff}.byc-modal-bg{visibility:hidden;opacity:0;position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);transition:opacity 0.3s ease,visibility 0.3s ease}body.byc-modal-open .byc-modal-bg{visibility:visible;opacity:1}