@charset "UTF-8";@layer base,layout,components,utilities,pages;@layer pages{.info-container{margin-bottom:20px}.button-group{margin-bottom:10px}.static-text{color:#3a89ff}.modal-purchase-content p{background-color:#f8f9fa;padding:5px;border-radius:8px;line-height:1.2}.modal-purchase-content .order-preview,.modal-purchase-content .order-summary-detail{background-color:#f8f9fa;padding:8px;border-radius:8px;margin-bottom:10px;text-align:left}.modal-purchase-content .order-preview .option-item,.modal-purchase-content .order-summary-detail .option-item{padding:5px 0;border-bottom:1px solid #e9ecef;font-size:14px}.modal-purchase-content .order-preview .option-item:last-child,.modal-purchase-content .order-summary-detail .option-item:last-child{border-bottom:none}.modal-purchase-content .order-preview .total-preview,.modal-purchase-content .order-preview .total-amount,.modal-purchase-content .order-summary-detail .total-preview,.modal-purchase-content .order-summary-detail .total-amount{margin-top:10px;padding-top:10px;border-top:2px solid #dee2e6;font-weight:700;color:#495057;text-align:center}.modal-purchase-content .customer-summary{background-color:#e3f2fd;padding:12px;border-radius:6px;margin-bottom:15px;font-size:14px;text-align:left}.modal-purchase-content .form{padding-bottom:80px}@media (max-width: 600px){.modal-button-box{display:flex;gap:8px}.modal-button-box button{flex:1;font-size:14px}}.payment-methods{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;gap:8px;margin-top:8px}.payment-option{flex-grow:1;border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;background-color:#fff;transition:all .2s ease;cursor:pointer}.payment-option:hover{border-color:#007bff;background-color:#f8f9ff}.payment-option:has(input:checked){border-color:#007bff;background-color:#f0f7ff;box-shadow:0 0 0 1px #007bff}.payment-label{display:flex;align-items:center;cursor:pointer;margin:0;width:100%}.payment-label input[type=radio]{position:absolute;opacity:0;width:0;height:0}.payment-radio{width:20px;height:20px;border:2px solid #ddd;border-radius:50%;margin-right:12px;position:relative;transition:all .2s ease;flex-shrink:0}.payment-label input[type=radio]:checked+.payment-radio{border-color:#007bff;background-color:#007bff}.payment-label input[type=radio]:checked+.payment-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#fff;border-radius:50%}.payment-text{font-size:16px;font-weight:500;color:#333;flex-grow:1}.payment-option:has(input:checked) .payment-text{color:#007bff;font-weight:600}@media (max-width: 768px){.payment-option{padding:14px 16px}.payment-text{font-size:15px}}.detail-container .product-title{text-align:center;font-size:1.3rem;font-weight:600;padding-bottom:10px}.detail-container .thumbnail-container{padding-bottom:40px}.detail-container .thumbnail-container .thumbnail-active{width:100%;margin-bottom:15px;border:1px solid #ddd;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.detail-container .thumbnail-container .thumbnail-active img{max-width:100%;max-height:100%;object-fit:cover}.detail-container .thumbnail-container .thumbnail-list{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:center;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:5px 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.detail-container .thumbnail-container .thumbnail-list::-webkit-scrollbar{height:6px}.detail-container .thumbnail-container .thumbnail-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.detail-container .thumbnail-container .thumbnail-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.detail-container .thumbnail-container .thumbnail-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.detail-container .thumbnail-container .thumbnail-list .thumbnails{min-width:120px;width:120px;height:80px;flex-shrink:0;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .3s ease}.detail-container .thumbnail-container .thumbnail-list .thumbnails:hover{border-color:#007bff}.detail-container .thumbnail-container .thumbnail-list .thumbnails.active{border-color:#007bff;box-shadow:0 0 5px #007bff80}.detail-container .thumbnail-container .thumbnail-list .thumbnails img{width:100%;height:100%;object-fit:cover}.detail-container .option-container .option-list{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid #ddd;border-radius:8px;margin-bottom:10px;transition:all .3s ease}.detail-container .option-container .option-list.selected{border-color:#007bff;background-color:#f8f9ff}.detail-container .option-container .option-list .option-name{flex:1;font-weight:500}.detail-container .option-container .option-list .option-price{flex:1;text-align:center;font-weight:700;color:#007bff}.detail-container .option-container .option-list .option-asset{display:flex;align-items:center;gap:10px}.detail-container .option-container .option-list .option-asset .option-minus,.detail-container .option-container .option-list .option-asset .option-plus{width:30px;height:30px;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.detail-container .option-container .option-list .option-asset .option-minus:hover,.detail-container .option-container .option-list .option-asset .option-plus:hover{background-color:#007bff;color:#fff;border-color:#007bff}.detail-container .option-container .option-list .option-asset .option-minus:active,.detail-container .option-container .option-list .option-asset .option-plus:active{transform:scale(.95)}.detail-container .option-container .option-list .option-asset .option-count{min-width:30px;text-align:center;font-weight:700;font-size:16px}.detail-container .search-form{padding-bottom:40px}.sale-container .regist-container .option-add-button{padding-top:10px;padding-bottom:10px}.sale-container .regist-container .button-option-add{justify-content:flex-start}.sale-container .regist-container .product-option{display:flex;flex-direction:row;gap:1.2rem;margin-bottom:10px}.sale-container .regist-container .oper-days{display:flex;flex-direction:row;gap:1.2rem}.sale-container .regist-container .oper-days .oper-day{border:1px solid #000000;border-radius:.5rem;padding:.5rem 2rem;cursor:pointer}.sale-container .regist-container .oper-days .oper-day.active{background-color:#56fff1}.sale-container .regist-container .oper-times{display:flex;flex-direction:row;justify-content:flex-start;align-content:center;gap:1.2rem}.sale-container .regist-container .thumbnail-add-button{padding-top:10px;padding-bottom:10px}.sale-container .regist-container .upload-add-thumbnail{margin-top:10px}.sale-container .list-container table{font-size:.85rem;margin-bottom:20px;background-color:#fff}.sale-container .list-container table th{padding-top:.6rem;padding-bottom:.6rem;background-color:#e9e9e9;border:1px solid #c0c0c0;font-weight:400}.sale-container .list-container table th.master{background-color:#535353;color:#fff}.sale-container .list-container table th.sale{background-color:#fff4b8}.sale-container .list-container table tr.deleted{background-color:#ffc3c3}.sale-container .list-container table tr td{border:1px solid #c0c0c0;padding:.7rem}.sale-container .list-container table tr td.cell-center{text-align:center}.sale-container .list-container table tr td.cell-strong{font-weight:600}.sale-container .list-container table tr td.colspan{background-color:#d8d8d8}.sale-container .list-container .sub-type-title{margin-bottom:10px;color:#f16e17}.sale-container .block-container .stack>*+*{margin-top:1.5rem}.sale-container .block-container table{font-size:.85rem}.sale-container .block-container table th{padding-top:.6rem;padding-bottom:.6rem;background-color:#e9e9e9;border:1px solid #c0c0c0;font-weight:400}.sale-container .block-container table tr.deleted{background-color:#ffc3c3}.sale-container .block-container table tr td{border:1px solid #c0c0c0;padding:.7rem}.sale-container .block-container table tr td.cell-center{text-align:center}.sale-container .block-container table tr td.cell-strong{font-weight:600}.sale-container .product-info-box{padding-top:20px;padding-bottom:20px}.payment-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:10000;display:flex;align-items:center;justify-content:center}.payment-overlay-content{text-align:center;color:#fff;padding:40px 20px}.payment-spinner{margin-bottom:30px}.payment-spinner .spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-message h3{font-size:24px;font-weight:600;margin-bottom:15px;color:#fff}.payment-message p{font-size:16px;line-height:1.6;color:#ffffffe6;margin:0}@media (max-width: 768px){.payment-message h3{font-size:20px}.payment-message p{font-size:14px}.payment-spinner .spinner{width:50px;height:50px}}.use-range-container{background-color:#eee;border-radius:16px;padding:20px;margin:20px 0;color:#000}.use-range-header{display:flex;align-items:center;margin-bottom:16px;font-size:18px;font-weight:600}.use-range-header i{margin-right:8px;font-size:20px;color:#000}.use-range-title{color:#000}.use-range-content{display:flex;align-items:center;justify-content:center;margin:16px 0;flex-wrap:wrap;gap:12px}.use-range-date{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px;text-align:center;min-width:120px;border:1px solid rgba(0,0,0,.651)}.date-label{font-size:.9rem;color:#000;margin-bottom:4px;font-weight:500}.date-value{font-size:16px;font-weight:700;color:#000;line-height:1.2}.use-range-separator{display:flex;align-items:center;color:#000;font-size:16px;margin:0 8px}.use-range-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:16px;padding:12px;background:#ffffff1a;border-radius:8px;font-size:14px;border:1px solid rgba(0,0,0,.651)}.use-range-notice i{margin-right:4px;color:#ff5e00;animation:pulse 2s ease-in-out infinite}.use-range-notice span{color:#000}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.use-range-content{flex-wrap:nowrap}.date-value{font-size:.8rem;font-weight:600}}@media (prefers-color-scheme: dark){.use-range-container{background:linear-gradient(135deg,#2d3748,#4a5568);box-shadow:0 8px 32px #2d374866}}.use-range-container:focus-within{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.date-container>div{display:flex;align-items:center;padding:12px 16px;margin:8px 0;background:#fff;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000d;position:relative;overflow:hidden}.date-container>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#f262ff,#bb37c7)}.date-container>div:first-child:before{background:linear-gradient(180deg,#f262ff,#bb37c7)}.date-container>div:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;transition:all .3s ease}.date-container .date-icon{display:inline-block;width:24px;height:24px;margin-right:12px;color:#495057;font-size:16px}.date-container .date-icon:before{content:"📅";font-size:18px}.date-container .date-text{font-size:15px;font-weight:500;color:#495057;margin-left:8px}.date-container .date-period{font-weight:600;color:#f262ff;margin-left:10px}@media (max-width: 768px){.date-container>div{padding:10px 6px}.date-container>div .date-text{font-size:14px}.date-container>div .date-icon:before{font-size:16px}}@media (prefers-color-scheme: dark){.date-container>div{background:#1a202c;border-color:#4a5568;color:#e2e8f0}.date-container>div .date-text{color:#e2e8f0}.date-container>div .date-period{color:#63b3ed}}}