.alphabet-links{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.alphabet-links a{text-decoration:none;color:white;background-color:#6c757d;padding:5px 10px;border-radius:5px}.alphabet-links a:hover{background-color:#5a6268}.customer-info,.child-info{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.customer-info .col-md-3,.child-info .col-md-3{flex:1 1 calc(25% - 10px);margin-bottom:10px}.customer-info strong,.child-info strong{display:block;font-weight:bold;margin-bottom:5px}.customer-info span,.child-info span{font-size:14px}.actions.admin{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.actions.admin .btn{flex:1;text-align:center}ul{list-style-type:none;padding:0;margin:0}ul li{font-size:14px;color:#333}.customers-index form{max-width:700px;margin:0 auto 2rem auto;min-height:auto !important;height:30px}.customers-index .container{max-width:900px;margin:0 auto}.customers-index .form-control{width:100%}.homes-top form{min-height:calc(20vh - 50px);margin-bottom:2rem}.offs-index form{min-height:calc(20vh - 50px);margin-bottom:2rem}.calendar-photo-container{text-align:center;margin-top:20px}.calendar-photo{max-width:100%;height:auto;border:2px solid #ddd;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.2)}.customer-container{max-width:800px;margin:0 auto;text-align:center}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:1.5rem;font-weight:bold;margin:0}.section-header .btn-edit{display:inline-block;padding:10px 20px;font-size:1rem;background:linear-gradient(135deg, #28a745, #00d2ff);color:white;text-decoration:none;border-radius:5px}.section-header .btn-edit:hover{background:linear-gradient(135deg, #218838, #0056b3)}.info{margin-bottom:20px;text-align:left}.info p{margin:5px 0;font-size:1rem;line-height:1.5}.child-section{margin-top:20px;padding:15px;border:1px solid #ddd;border-radius:10px;background-color:#f9f9f9}.child-section .btn-edit{display:inline-block;padding:10px 20px;font-size:1rem;background:linear-gradient(135deg, #28a745, #00d2ff);color:white;text-decoration:none;border-radius:5px}.child-section .btn-edit:hover{background:linear-gradient(135deg, #218838, #0056b3)}.actions{margin-top:20px}.actions .btn-holiday,.actions .btn-transfer,.actions .btn-history{display:inline-block;padding:10px 20px;font-size:1rem;color:white;border-radius:5px;text-decoration:none;margin:5px}.actions .btn-holiday.btn-holiday,.actions .btn-transfer.btn-holiday,.actions .btn-history.btn-holiday{background:linear-gradient(135deg, #ffb6c1, hotpink)}.actions .btn-holiday.btn-holiday:hover,.actions .btn-transfer.btn-holiday:hover,.actions .btn-history.btn-holiday:hover{background:linear-gradient(135deg, hotpink, #ff1493)}.actions .btn-holiday.btn-transfer,.actions .btn-transfer.btn-transfer,.actions .btn-history.btn-transfer{background:linear-gradient(135deg, #87cefa, #00bfff)}.actions .btn-holiday.btn-transfer:hover,.actions .btn-transfer.btn-transfer:hover,.actions .btn-history.btn-transfer:hover{background:linear-gradient(135deg, #00bfff, #1e90ff)}.actions .btn-holiday.btn-history,.actions .btn-transfer.btn-history,.actions .btn-history.btn-history{background:linear-gradient(135deg, #98fb98, #00fa9a)}.actions .btn-holiday.btn-history:hover,.actions .btn-transfer.btn-history:hover,.actions .btn-history.btn-history:hover{background:linear-gradient(135deg, #00fa9a, #3cb371)}.btn-confirm{background:linear-gradient(135deg, #28a745, #00d2ff);color:white;padding:10px 20px;border-radius:5px;text-decoration:none}.btn-confirm:hover{background:linear-gradient(135deg, #218838, #0056b3)}.btn-register{display:inline-block;font-size:1.5rem;font-weight:bold;padding:15px 30px;color:#fff;background:linear-gradient(135deg, coral, #ff4500);border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,0.2);text-decoration:none;transition:all 0.3s ease}.btn-register:hover{background:linear-gradient(135deg, tomato, red);box-shadow:0 6px 10px rgba(0,0,0,0.4);transform:translateY(-2px)}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}.top-page-background header{position:fixed;top:0;left:0;width:100%;z-index:10}.top-page-background{background-image:url(/assets/水の中.webp);background-size:cover;background-position:center;background-attachment:fixed;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:white}.main-title{font-size:3rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,0.7);opacity:0;animation:fadeInUp 2s ease-in-out forwards}.login-register-links{margin-top:20px;display:flex;gap:20px;opacity:0;animation:fadeIn 3s ease-in-out forwards;justify-content:center}.login-register-links a{color:white;font-size:1.2rem;text-decoration:none;padding:10px 20px;border:1px solid white;border-radius:5px;transition:background-color 0.3s, color 0.3s}.login-register-links a:hover{background-color:white;color:#000}.additional-links{margin-top:50px;display:flex;flex-direction:column;gap:10px;align-items:center;opacity:0;animation:fadeIn 4s ease-in-out forwards}.additional-links a{color:white;font-size:1rem;text-decoration:none;padding:10px 20px;border-radius:5px;background:linear-gradient(135deg, #ff7e5f, #feb47b);box-shadow:0px 4px 6px rgba(0,0,0,0.1);transition:background-color 0.3s, color 0.3s, transform 0.3s}.additional-links a:hover{background:linear-gradient(135deg, #feb47b, #ff7e5f);color:#fff;transform:scale(1.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.offs-list{list-style:none;padding-left:0;margin-top:10px;height:40px}.off-item{display:flex;gap:10px;margin-bottom:8px;font-size:14px;height:50px;flex-wrap:wrap;align-items:flex-start}.off-date{width:80px;display:inline-block}.inline-buttons{display:inline-flex;gap:6px;align-items:flex-start}.inline-buttons form.inline-form button{padding:0.25rem 0.5rem;line-height:1;height:auto}.custom-background{background-image:url(/assets/綺麗な背景.webp);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.fc-daygrid-day-number{font-size:30px}.fc-day-wed{background:#E1F5FE}.fc-day-thu{background:#C5E1A5}.fc-day-sat{background:#FFD54F}.fc-day-sun{background:#F48FB1}html,body{height:100%;overflow:auto}form{min-height:calc(100vh - 50px);margin-bottom:2rem}.calendar-photo-container{text-align:center;margin-top:20px}.calendar-photo{max-width:100%;height:auto;border:2px solid #ddd;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.2)}.navbar-nav{text-align:center;align-items:center;width:100%}.navbar-nav .nav-item{margin:0.3rem 0}.navbar .navbar-brand{font-size:1rem}.navbar-nav form{display:flex;justify-content:center;width:100%}.navbar-nav form button{text-align:center;width:100%}.offs-list{list-style:none;padding-left:0;margin-top:10px;height:40px}.off-item{display:flex;gap:10px;margin-bottom:8px;font-size:14px;height:50px;flex-wrap:wrap;align-items:flex-start}.off-date{width:80px;display:inline-block}.inline-buttons{display:inline-flex;gap:6px;align-items:flex-start}.inline-buttons form.inline-form button{padding:0.25rem 0.5rem;line-height:1;height:auto}html{scroll-behavior:smooth}h4[id^="section-"],td[id^="section-"]{scroll-margin-top:80px}.alphabet-links{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.alphabet-links a{text-decoration:none;color:white;background-color:#6c757d;padding:5px 10px;border-radius:5px}.alphabet-links a:hover{background-color:#5a6268}.customer-info,.child-info{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.customer-info .col-md-3,.child-info .col-md-3{flex:1 1 calc(25% - 10px);margin-bottom:10px}.customer-info strong,.child-info strong{display:block;font-weight:bold;margin-bottom:5px}.customer-info span,.child-info span{font-size:14px}.actions.admin{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.actions.admin .btn{flex:1;text-align:center}ul{list-style-type:none;padding:0;margin:0}ul li{font-size:14px;color:#333}.customers-index form{max-width:700px;margin:0 auto 2rem auto;min-height:auto !important;height:30px}.customers-index .container{max-width:900px;margin:0 auto}.customers-index .form-control{width:100%}