@charset "UTF-8";

.p_deliveries .header,
.p_delivery_detail .header{position:sticky;top:0;z-index:20;background:#0642bd;color:#FFF;box-shadow:0 .2rem 1rem rgba(0,31,95,.18);}
.p_deliveries .header .wrap,
.p_delivery_detail .header .wrap{height:6rem;padding:0 1.6rem;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;}
.p_deliveries .header .wrap .logo,
.p_delivery_detail .header .wrap .logo{font-size:1.8rem;font-weight:800;letter-spacing:.04em;}
.p_deliveries .header .wrap .user,
.p_delivery_detail .header .wrap .user{display:flex;align-items:flex-end;flex-direction:column;gap:.4rem;font-size:1.2rem;}
.p_deliveries .header .wrap .user .name,
.p_delivery_detail .header .wrap .user .name{font-weight:700;}
.p_deliveries .header .wrap .user .logout,
.p_delivery_detail .header .wrap .user .logout{opacity:.85;text-decoration:underline;}

.p_index{background:linear-gradient(145deg,#073ba5,#0068e8);}
.p_index .sec01{padding:10rem 2.4rem;}
.p_index .sec01 .wrap{width:40rem;max-width:100%;margin:0 auto;}
.p_index .sec01 .wrap .area{padding:3rem 2.2rem;border-radius:1.8rem;background:#FFF;box-shadow:0 2rem 5rem rgba(0,24,76,.25);box-sizing:border-box;}
.p_index .sec01 .wrap .area .titles .mark{margin:0 0 .5rem;color:#0642bd;font-size:1.2rem;font-weight:900;letter-spacing:.18em;}
.p_index .sec01 .wrap .area .titles .title{margin:0;font-size:2.8rem;}
.p_index .sec01 .wrap .area .titles .lead{margin:.5rem 0 2.6rem;color:#768196;font-size:1.3rem;}
.p_index .sec01 .wrap .area form .items .item{display:block;margin-top:1.5rem;color:#3f4b60;font-size:1.3rem;font-weight:800;}
.p_index .sec01 .wrap .area form .items .item .name{display:block;}
.p_index .sec01 .wrap .area form .items .item .input{width:100%;height:5rem;margin-top:.7rem;padding:0 1.2rem;border:.1rem solid #c8d1df;border-radius:.9rem;background:#f9fbfd;font-size:1.6rem;box-sizing:border-box;}
.p_index .sec01 .wrap .area form .items .item .input:focus{border:.2rem solid #0642bd;outline:none;background:#FFF;}
.p_index .sec01 .wrap .area form .buttons .button{width:100%;height:5.2rem;margin-top:2.5rem;border:0;border-radius:1rem;background:#0642bd;color:#FFF;font-weight:800;}

.p_deliveries .sec01{padding:2rem 0 4rem;}
.p_deliveries .sec01 .wrap{width:68rem;max-width:100%;margin:0 auto;padding:0 1.4rem;box-sizing:border-box;}
.p_deliveries .sec01 .wrap .days{margin-bottom:1.6rem;display:flex;border:.1rem solid #0642bd;border-radius:1rem;overflow:hidden;}
.p_deliveries .sec01 .wrap .days .day{padding:1rem;flex:1;color:#0642bd;font-size:1.3rem;font-weight:800;text-align:center;}
.p_deliveries .sec01 .wrap .days .day.active{background:#0642bd;color:#FFF;}
.p_deliveries .sec01 .wrap .titles{margin-bottom:1.8rem;display:flex;align-items:flex-end;justify-content:space-between;}
.p_deliveries .sec01 .wrap .titles .texts .date{margin:0;color:#657086;font-size:1.3rem;font-weight:700;letter-spacing:.08em;}
.p_deliveries .sec01 .wrap .titles .texts .title{margin:.4rem 0 0;font-size:1.8rem;font-weight:bold;}
.p_deliveries .sec01 .wrap .titles .infos{display:flex;align-items:flex-end;flex-direction:column;gap:.6rem;}
.p_deliveries .sec01 .wrap .titles .infos .car{padding:.6rem 1rem;display:inline-block;border-radius:2rem;background:#dce8ff;color:#0642bd;font-size:1.2rem;font-weight:800;}
.p_deliveries .sec01 .wrap .selects{margin-bottom:1.2rem;}
.p_deliveries .sec01 .wrap .selects .select{width:100%;height:4.6rem;padding:0 1.2rem;border:.1rem solid #ccd5e3;border-radius:.9rem;background:#FFF;box-sizing:border-box;}
.p_deliveries .sec01 .wrap .tabs{margin-bottom:1.6rem;padding:.4rem;display:flex;gap:.6rem;border-radius:1.2rem;background:#dfe5ef;}
.p_deliveries .sec01 .wrap .tabs .tab{font-size:1.3rem;padding:1.1rem;flex:1;border-radius:.9rem;color:#697386;font-weight:800;text-align:center;}
.p_deliveries .sec01 .wrap .tabs .tab .count{width:2rem;height:2rem;margin-left:.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e60012;color:#FFF;font-size:1.2rem;line-height:1;vertical-align:middle;}
.p_deliveries .sec01 .wrap .tabs .tab.active{background:#FFF;color:#0642bd;box-shadow:0 .2rem .8rem rgba(28,49,86,.12);}
.p_deliveries .sec01 .wrap .empty{padding:3.4rem 2rem;border-radius:1.4rem;background:#FFF;text-align:center;}
.p_deliveries .sec01 .wrap .empty .title{margin:0 0 .8rem;font-size:1.9rem;}
.p_deliveries .sec01 .wrap .empty .text{margin:0;color:#758094;font-size:1.2rem;line-height:1.7;}
.p_deliveries .sec01 .wrap .list .items{display:flex;flex-direction:column;gap:1rem;}
.p_deliveries .sec01 .wrap .list .items .item{padding:1.5rem 1.4rem;display:flex;align-items:center;gap:1.2rem;border:.1rem solid #eed47c;border-radius:1.4rem;background:#fff9dc;box-shadow:0 .4rem 1.6rem rgba(20,41,77,.06);box-sizing:border-box;cursor:pointer;}
.p_deliveries .sec01 .wrap .list .items .item.done{border-color:#d5d8de;background:#eceef1;}
.p_deliveries .sec01 .wrap .list .items .item .texts{min-width:0;flex:1;}
.p_deliveries .sec01 .wrap .list .items .item .texts .heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;}
.p_deliveries .sec01 .wrap .list .items .item .texts .heading .title{margin:0;font-size:1.6rem;line-height:1.4;font-weight:bold;}
.p_deliveries .sec01 .wrap .list .items .item .texts .details{display:flex;gap:1.6rem;font-size:1.3rem;margin-top:.5rem;}
.p_deliveries .sec01 .wrap .list .items .item .texts .details .text{color:#005b22;font-weight:bold;}
.p_deliveries .sec01 .wrap .list .items .item .texts .details .plan{color:#0642bd;font-weight:bold;}
.p_deliveries .sec01 .wrap .list .items .item .texts .address{margin-top:.5rem;padding:0;border:0;background:none;color:#6c7688;font-size:1.1rem;line-height:1.5;text-align:left;text-decoration:underline;cursor:copy;}
.p_deliveries .sec01 .wrap .list .items .item .arrow{flex-shrink:0;color:#9aa4b4;font-size:2.8rem;}
.p_deliveries.modal_open{overflow:hidden;}
.p_deliveries .sec01 .wrap .modals .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;padding:2rem 1.4rem;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease;box-sizing:border-box;}
.p_deliveries .sec01 .wrap .modals .modal.active{visibility:visible;opacity:1;}
.p_deliveries .sec01 .wrap .modals .modal .back{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:rgba(10,24,50,.65);}
.p_deliveries .sec01 .wrap .modals .modal .area{position:relative;z-index:1;width:60rem;max-width:100%;max-height:90vh;padding:1.8rem;border-radius:1.4rem;background:#FFF;overflow-y:auto;box-sizing:border-box;}
.p_deliveries .sec01 .wrap .modals .modal .area > .heading{margin-bottom:1.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;}
.p_deliveries .sec01 .wrap .modals .modal .area > .heading .texts .period{color:#0642bd;font-size:1.2rem;font-weight:800;}
.p_deliveries .sec01 .wrap .modals .modal .area > .heading .texts .title{margin:.3rem 0 0;font-size:2rem;}
.p_deliveries .sec01 .wrap .modals .modal .area > .heading .close{width:3.6rem;height:3.6rem;flex-shrink:0;border:0;border-radius:50%;background:#eef1f6;color:#526078;font-size:2.4rem;line-height:1;}
.p_deliveries .sec01 .wrap .modals .modal .area form .items{border-top:.1rem solid #e0e5ee;}
.p_deliveries .sec01 .wrap .modals .modal .area form .items .item{padding:.8rem 0;display:flex;align-items:center;gap:.8rem;border-bottom:.1rem solid #e0e5ee;box-sizing:border-box;}
.p_deliveries .sec01 .wrap .modals .modal .area form .items .item.hide{display:none;}
.p_deliveries .sec01 .wrap .modals .modal .area form .items .item .texts{min-width:0;flex:1;}
.p_deliveries .sec01 .wrap .modals .modal .area form .items .item .texts .title{margin:0;font-size:1.3rem;line-height:1.4;}
.p_deliveries .sec01 .wrap .modals .modal .area form .items .item .numbers{width:17rem;display:flex;align-items:flex-end;gap:.5rem;flex-shrink:0;}
.p_deliveries .sec01 .wrap .modals .modal .area form .items .item .numbers .plan{width:4rem;margin:0;text-align:center;}
.p_deliveries .sec01 .wrap .modals .modal .area form .items .item .numbers .plan .name{display:block;color:#758094;font-size:1rem;font-weight:800;}
.p_deliveries .sec01 .wrap .modals .modal .area form .items .item .numbers .plan .number{height:3rem;display:flex;align-items:center;justify-content:center;color:#0642bd;font-size:1.4rem;}
.p_deliveries .sec01 .wrap .modals .modal .area form .items .item .numbers .input{width:5rem;}
.p_deliveries .sec01 .wrap .modals .modal .area form .items .item .numbers .input .name{display:block;color:#758094;font-size:1rem;font-weight:800;text-align:center;}
.p_deliveries .sec01 .wrap .modals .modal .area form .items .item .numbers .input .number{width:100%;height:3rem;padding:.2rem .4rem;border:.1rem solid #c8d1df;border-radius:.6rem;background:#fbfcfe;font-size:1.4rem;font-weight:800;text-align:center;box-sizing:border-box;}
.p_deliveries .sec01 .wrap .modals .modal .area form .items .item .numbers .input .number:focus{border-color:#0642bd;outline:none;background:#FFF;}
.p_deliveries .sec01 .wrap .modals .modal .area form .buttons{margin-top:1.6rem;display:flex;gap:1rem;}
.p_deliveries .sec01 .wrap .modals .modal .area form .buttons .cancel{height:5rem;flex:1;border:.1rem solid #d73749;border-radius:.9rem;background:#FFF;color:#b3162c;font-size:1.3rem;font-weight:800;}
.p_deliveries .sec01 .wrap .modals .modal .area form .buttons .save{height:5rem;flex:2;border:0;border-radius:.9rem;background:#0642bd;color:#FFF;font-size:1.5rem;font-weight:800;}
.p_deliveries .sec01 .wrap .toast{position:fixed;right:50%;bottom:2rem;z-index:40;padding:1rem 1.5rem;border-radius:2rem;background:#17233b;color:#FFF;font-size:1.2rem;font-weight:800;visibility:hidden;opacity:0;transform:translateX(50%);transition:opacity .2s ease,visibility .2s ease;}
.p_deliveries .sec01 .wrap .toast.active{visibility:visible;opacity:1;}

.p_delivery_detail .sec01{padding:2rem 0 0;}
.p_delivery_detail .sec01 .wrap{width:68rem;max-width:100%;margin:0 auto;padding:0 1.4rem;box-sizing:border-box;}
.p_delivery_detail .sec01 .wrap .back{margin-bottom:1.4rem;display:inline-block;color:#0642bd;font-size:1.3rem;font-weight:800;}
.p_delivery_detail .sec01 .wrap .shop{padding:1.8rem;border-radius:1.4rem;background:#FFF;}
.p_delivery_detail .sec01 .wrap .shop .labels{margin-bottom:.9rem;display:flex;gap:.6rem;}
.p_delivery_detail .sec01 .wrap .shop .labels .label{padding:.6rem 1rem;display:inline-block;border-radius:2rem;background:#dce8ff;color:#0642bd;font-size:1.2rem;font-weight:800;}
.p_delivery_detail .sec01 .wrap .shop .title{margin:0 0 .8rem;font-size:2.3rem;line-height:1.4;}
.p_delivery_detail .sec01 .wrap .shop .address{margin:0;color:#687387;font-size:1.3rem;line-height:1.6;}
.p_delivery_detail .sec01 .wrap .shop .tel{margin-top:1.2rem;padding:.8rem 1.3rem;display:inline-block;border:.1rem solid #0642bd;border-radius:1.8rem;color:#0642bd;font-size:1.3rem;font-weight:800;}
.p_delivery_detail .sec02{padding:1.4rem 0 8.4rem;}
.p_delivery_detail .sec02 .wrap{width:68rem;max-width:100%;margin:0 auto;padding:0 1.4rem;box-sizing:border-box;}
.p_delivery_detail .sec02 .wrap form .items{display:flex;flex-direction:column;gap:1.2rem;}
.p_delivery_detail .sec02 .wrap form .items .item{padding:1.6rem;border-radius:1.4rem;background:#FFF;box-shadow:0 .3rem 1.2rem rgba(20,41,77,.05);}
.p_delivery_detail .sec02 .wrap form .items .item .titles{margin-bottom:1.5rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;}
.p_delivery_detail .sec02 .wrap form .items .item .titles .texts .type{color:#758094;font-size:1.1rem;font-weight:700;}
.p_delivery_detail .sec02 .wrap form .items .item .titles .texts .title{margin:.3rem 0 0;font-size:1.7rem;}
.p_delivery_detail .sec02 .wrap form .items .item .titles .plan{margin:0;color:#657086;font-size:1.3rem;}
.p_delivery_detail .sec02 .wrap form .items .item .titles .plan .num{color:#0642bd;font-size:2.1rem;}
.p_delivery_detail .sec02 .wrap form .items .item .inputs{display:flex;gap:1rem;}
.p_delivery_detail .sec02 .wrap form .items .item .inputs .input{flex:1;}
.p_delivery_detail .sec02 .wrap form .items .item .inputs .input .name{margin-bottom:.6rem;display:block;font-size:1.3rem;font-weight:800;}
.p_delivery_detail .sec02 .wrap form .items .item .inputs .input .num{width:100%;height:5.4rem;padding:.5rem 1rem;border:.2rem solid #c8d1df;border-radius:1rem;background:#fbfcfe;font-size:2.2rem;font-weight:800;text-align:center;box-sizing:border-box;}
.p_delivery_detail .sec02 .wrap form .items .item .inputs .input .num:focus{border-color:#0642bd;outline:none;background:#FFF;}
.p_delivery_detail .sec02 .wrap form .buttons{position:fixed;right:0;bottom:0;left:0;z-index:15;padding:1rem 1.4rem max(1rem,env(safe-area-inset-bottom));background:rgba(255,255,255,.94);box-shadow:0 -.4rem 1.4rem rgba(18,37,70,.1);backdrop-filter:blur(.8rem);}
.p_delivery_detail .sec02 .wrap form .buttons .button{width:100%;max-width:65.2rem;height:5.2rem;margin:auto;display:block;border:0;border-radius:1rem;background:#0642bd;color:#FFF;font-size:1.6rem;font-weight:800;}

.p_index .footer .system,
.p_deliveries .footer .system,
.p_delivery_detail .footer .system{position:fixed;right:3rem;bottom:2rem;left:3rem;z-index:60;margin:0;padding:1rem 4rem 1rem 3rem;display:none;color:#FFF;font-size:1.3rem;line-height:2rem;box-sizing:border-box;}
.p_index .footer .system.success,
.p_deliveries .footer .system.success,
.p_delivery_detail .footer .system.success{display:block;background:#5cb85c;}
.p_index .footer .system.failed,
.p_deliveries .footer .system.failed,
.p_delivery_detail .footer .system.failed{display:block;background:#F00;}
.p_index .footer .system .text,
.p_deliveries .footer .system .text,
.p_delivery_detail .footer .system .text{display:block;}
.p_index .footer .system .close,
.p_deliveries .footer .system .close,
.p_delivery_detail .footer .system .close{position:absolute;top:50%;right:1.5rem;width:2rem;height:2rem;padding:0;border:0;border-radius:50%;background:#FFF;color:#888;font-size:1.3rem;line-height:2rem;text-align:center;transform:translate(50%,-50%);cursor:pointer;}

@media(min-width:600px){
	.p_delivery_detail .sec02 .wrap form .buttons{left:50%;width:68rem;transform:translateX(-50%);border-radius:1.4rem 1.4rem 0 0;box-sizing:border-box;}
}