@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap";*{font-family:Noto Sans JP,sans-serif}body{font-family:Noto Sans JP,sans-serif;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:Noto Sans JP,sans-serif;font-weight:700}button,.btn,input,textarea,select,a{font-family:Noto Sans JP,sans-serif}.navbar.bg-primary{background:linear-gradient(135deg,#1e88e5,#1565c0)!important;border:none}.navbar-brand{display:flex;align-items:center;padding:.5rem 0}.navbar-brand svg{height:40px;width:auto;max-width:200px}.btn-primary{background:linear-gradient(135deg,#1e88e5,#1565c0);border:none;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#1976d2,#0d47a1);color:#fff}.btn-primary:focus,.btn-primary:active,.btn-primary.active{background:linear-gradient(135deg,#1976d2,#0d47a1);border:none;color:#fff}.btn-outline-primary{border-color:#1e88e5;color:#1e88e5}.btn-outline-primary:hover{background:linear-gradient(135deg,#1e88e5,#1565c0);border-color:#1e88e5;color:#fff}.btn-outline-primary:focus,.btn-outline-primary:active,.btn-outline-primary.active{background:linear-gradient(135deg,#1e88e5,#1565c0);border-color:#1e88e5;color:#fff}.nav-offcanvas{max-width:320px}.nav-offcanvas-header{padding:1.25rem 1.5rem;border-bottom:1px solid #eee}.nav-offcanvas-header .offcanvas-title{font-size:1.1rem;font-weight:600;color:#333}.nav-offcanvas-header .btn-close-nav{width:2rem;height:2rem;padding:0;filter:none;opacity:1;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231e88e5'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1.25em auto no-repeat}.nav-offcanvas-header .btn-close-nav:hover{opacity:.8}.nav-offcanvas-body{padding:0;display:flex;flex-direction:column}.nav-offcanvas-list{flex:1;padding:1rem 1.5rem;overflow-y:auto}.nav-offcanvas-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:#333;text-decoration:none;font-size:.95rem;transition:background .2s,color .2s}.nav-offcanvas-link i{font-size:1.1rem;width:20px;text-align:center}.nav-offcanvas-link:hover{color:#1e88e5;background:#f8f9fa}button.nav-offcanvas-link{border:none;background:none;cursor:pointer;width:100%;text-align:left;font:inherit}.nav-offcanvas-divider{margin:.5rem 0;border:0;border-top:1px solid #eee}.nav-offcanvas-logout{padding:1rem 1.5rem;border-top:1px solid #eee}.pp-block-form .form-label{font-weight:600;color:#374151;font-size:.9rem;margin-bottom:.4rem}.pp-block-form .form-control,.pp-block-form .form-select{border-radius:8px;border:1px solid #e5e7eb;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s}.pp-block-form .form-control:focus,.pp-block-form .form-select:focus{border-color:#1e88e5;box-shadow:0 0 0 3px #1e88e526;outline:none}.pp-block-form textarea.form-control{resize:vertical;min-height:2.5rem}.pp-block-form .image-upload-area{width:100%;min-height:200px;border:2px dashed #d1d5db;border-radius:12px;background:linear-gradient(135deg,#fafbfc,#f3f4f6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.pp-block-form .image-upload-area:hover{border-color:#1e88e5;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 2px 8px #1e88e51f}.pp-block-form .image-upload-area.has-image{border:2px solid #1e88e5;padding:0;background:#fff}.pp-block-form .upload-placeholder{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:200px}.pp-block-form .upload-icon{font-size:2.75rem;color:#9ca3af;position:relative;z-index:1;transition:color .2s}.pp-block-form .image-upload-area:hover .upload-icon{color:#6b7280}.pp-block-form .plus-icon{font-size:1.35rem;color:#1e88e5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-18px;margin-left:18px;z-index:2;opacity:.9}.pp-block-form .image-preview{position:relative;width:100%;height:100%;min-height:200px;display:flex;align-items:center;justify-content:center;padding:.5rem}.pp-block-form .image-preview img{max-width:100%;max-height:320px;object-fit:contain;border-radius:8px;box-shadow:0 2px 12px #00000014}.pp-block-form .remove-image-btn{position:absolute;top:10px;right:10px;z-index:10;border-radius:50%;width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:transform .2s}.pp-block-form .remove-image-btn:hover{transform:scale(1.05)}.pp-block-form .link-form-group{padding:1rem;border-radius:10px;border:1px solid #e5e7eb;background:#fafbfc;margin-bottom:.75rem;transition:border-color .2s,background .2s}.pp-block-form .link-form-group:hover{border-color:#d1d5db;background:#fff}.pp-block-form .link-form-group .form-control{background:#fff}.pp-block-form .pp-btn-add-link{border-style:dashed;border-width:2px;font-weight:500;transition:all .2s}.pp-block-form .pp-btn-add-link:hover{border-style:solid;background:#1e88e514}.pp-form-section{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.pp-form-section .form-label{font-size:.85rem}.pp-block-form .pp-form-section .form-select{min-width:4rem}.pp-label-optional{font-weight:400;color:#9ca3af;font-size:.8rem}.pp-detail-modal .modal-content{border-radius:12px;border:none;box-shadow:0 24px 48px #0000002e}.pp-detail-modal .modal-header{border-bottom:1px solid #e5e7eb;padding:1rem 1.25rem;background:#fafbfc;border-radius:12px 12px 0 0}.pp-detail-modal .modal-header .modal-title{font-weight:600;color:#111827}.pp-detail-modal .modal-body{padding:1.25rem 1.25rem 1rem}.pp-detail-modal .modal-footer{border-top:1px solid #e5e7eb;padding:1rem 1.25rem;background:#fafbfc;border-radius:0 0 12px 12px}
