@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap");:root{--color-primary: #d84c3f;--color-primary-dark: #b93f34;--color-primary-light: #f7d8d4;--color-bg: #f8f5ef;--color-bg-dark: #ede8e1;--color-white: #ffffff;--color-black: #222222;--color-text: #121212;--color-text-light: #2e2e2e;--color-text-muted: #999999;--color-border: #e8e8e8;--color-border-dark: #d9d9d9;--color-gold: #f3b400;--color-green: #5b7f4b;--color-blue: #5a86c8;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .05);--shadow-md: 0 10px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .12);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px;--radius-round: 999px;--container-width: 1200px;--header-height: 88px;--transition: .3s ease;--font-base: "Noto Sans JP", sans-serif;--font-serif: "PT Serif", serif}.pum-overlay.pum-active,.pum-overlay.pum-active .popmake.active{display:block !important}html,body{height:100%;margin:0;scroll-behavior:smooth;scroll-padding-top:80px;font-family:"PT Serif";font-size:18px}@media screen and (max-width:768px){html,body{font-size:16px}}body{min-height:80vh;font-weight:400;letter-spacing:0.04em;-webkit-font-smoothing:antialiased;word-break:break-word;box-sizing:border-box;display:flex;flex-direction:column;font-family:"PT Serif";margin:0;z-index:0;padding-top:60px}@media screen and (max-width:48em){body{padding-top:70px}}a{text-decoration:none}p{line-height:normal;margin:5px 0}.br-sp{display:none}@media (max-width:600px){.br-sp{display:block}}.br-display{display:none}@media (max-width:768px){.br-display{display:inline-block}}img{display:block;width:100%;max-width:100%;height:auto}button{display:block;margin:20px auto;padding:14px 44px;background-color:#5f7f45;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:30px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 10px rgba(0, 0, 0, 0.08)}button:hover{background-color:#4f6e3b;transform:translateY(-2px);box-shadow:0 6px 14px rgba(0, 0, 0, 0.12);border:none}button:active{transform:translateY(0);box-shadow:0 3px 8px rgba(0, 0, 0, 0.1)}button:disabled{background-color:#c5c5c5;cursor:not-allowed;box-shadow:none}button:focus{outline:none}button:focus-visible{outline:3px solid rgba(95, 127, 69, 0.35);outline-offset:3px}.login{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#e9e9e9;color:#5e5e5e}.login *{margin:0;padding:0;box-sizing:border-box}.login .form-wrapper{background:#fafafa;padding:0 1em;max-width:370px;width:100%;margin:0 auto}.login h1{font-size:large;text-align:center;padding:1em 0}.login form{padding:0 1.5em}.login .form-item{margin-bottom:0.75em;width:100%}.login .form-item input{background:#fafafa;border:none;border-bottom:2px solid #e9e9e9;color:#666;font-family:"PT Serif";font-size:1em;height:50px;transition:border-color 0.3s;width:100%}.login .form-item input:focus{border-bottom:2px solid #c0c0c0;outline:none}.login .button-panel{margin:2em 0 0;width:100%}.login .button-panel .button{background:#f16272;border:none;color:#fff;cursor:pointer;height:50px;font-family:"PT Serif";font-size:1.2em;letter-spacing:0.05em;text-align:center;text-transform:uppercase;transition:background 0.3s ease-in-out;width:100%}.login .button-panel .button:hover{background:#ee3e52}.login .form-footer{font-size:1em;padding:2em 0;text-align:center}.login .form-footer a{color:#8c8c8c;text-decoration:none;transition:border-color 0.3s}.login .form-footer a:hover{border-bottom:1px dotted #8c8c8c}.hero-header{position:relative;height:150px;margin-bottom:40px;background-image:url("../img/hero.png");background-size:cover;background-position:center;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-header .hero-overlay{position:absolute;inset:0}.hero-header .hero-content{position:relative;z-index:2;text-align:center;color:#fff;padding:20px}.hero-header .title{font-size:2.3rem;text-align:center;font-family:"Shippori Mincho", serif}.hero-header .workshops-subtitle{font-size:18px;opacity:0.95}@media screen and (max-width:768px){.hero-header{height:90px;margin-bottom:24px}.hero-header .hero-content{padding:16px}.hero-header .title{font-size:1.6rem}.hero-header .workshops-subtitle{font-size:14px}}.mypage-container{background-color:#ffffff;margin:auto;border-radius:8px;width:90%;margin-top:20px}@media (max-width:768px){.mypage-container{width:95%;padding:10px}}.mypage-container *{padding:0;box-sizing:border-box}.mypage-container #toggle-form{display:block;text-align:center;text-decoration:none;margin:0 auto;margin-top:50px;padding:1rem 4rem;font-weight:bold;border:2px solid #27acd9;color:#27acd9;background:transparent;transition:0.5s;cursor:pointer}.mypage-container #toggle-form:hover{color:#fff;background:#27acd9}.mypage-container h1{font-size:28px;margin-bottom:20px;text-align:center}.mypage-container h2{font-size:large;text-decoration:underline}.mypage-container button{display:inline;margin:5px;padding:8px 12px;border:none;border-radius:50px;background-color:#e2e2e2;color:#616161;cursor:pointer}.mypage-container button.active{background-color:#95ddff}.mypage-container button:hover{background-color:#95ddff}.mypage-container input[type="submit"]{background-color:#0073aa;color:white;padding:10px 30px;border:none;font-weight:bold;cursor:pointer;display:inline-block;text-align:center;margin-top:20px;transition:background-color 0.3s ease}.mypage-container input[type="submit"]:hover{background-color:#005177}.mypage-container input[type="number"],.mypage-container input[type="text"],.mypage-container input[type="email"],.mypage-container input[type="date"]{font-size:medium;text-align:left;width:50%;max-width:1000px;padding:8px;box-sizing:border-box}.mypage-container .timeline-wrapper{width:100%;overflow-x:auto;margin-top:20px;margin-bottom:20px}.mypage-container .timeline-wrapper .timeline-table{margin-top:10px;border-collapse:collapse;table-layout:fixed;box-shadow:0px 4px 8px rgba(0, 0, 0, 0.1);width:100%;max-width:100%}.mypage-container .timeline-wrapper .timeline-table th,.mypage-container .timeline-wrapper .timeline-table td{padding:10px;text-align:center;border:1px solid #ddd}.mypage-container .timeline-wrapper .timeline-table th{width:200px;font-weight:normal;font-size:normal}.mypage-container .timeline-wrapper .timeline-table td{width:70px;white-space:nowrap;z-index:2}.mypage-container .timeline-wrapper .timeline-table .content-id{position:sticky;left:0;background-color:#fff0f0;width:30px}.mypage-container .timeline-wrapper .timeline-table .content-name{left:0;background-color:#f1f0f0;width:200px}.mypage-container .timeline-wrapper .timeline-table .time-slots{background-color:#2852b2}.mypage-container .timeline-wrapper .timeline-table .highlight-normal{background-color:#7e94ff}.mypage-container .timeline-wrapper .timeline-table .highlight-request{background-color:#00ff26}.mypage-container #mypage-form-container{}.mypage-container #mypage-form-container form{margin-bottom:20px;padding:1rem;margin:auto;max-width:1200px;width:100%;border:2px solid #ccc}@media (max-width:768px){.mypage-container #mypage-form-container form{overflow-y:auto}}.mypage-container #mypage-form-container form table{width:100%;border-collapse:collapse;margin-top:10px}.mypage-container #mypage-form-container form table thead{background-color:#ffffff;text-align:left}.mypage-container #mypage-form-container form table thead th{padding:12px 10px;font-weight:bold;border-bottom:2px solid #ccc;border-top:2px solid #ccc;color:#333;text-transform:uppercase}.mypage-container #mypage-form-container form table tbody tr td{padding:12px 10px;border-bottom:1px solid #ccc;color:#151515;text-align:center}.mypage-container #mypage-form-container form table tbody tr input[type="radio"]{margin-bottom:10px}.mypage-container #mypage-form-container form table tbody tr button{width:auto;background-color:#0073aa;color:white;padding:10px 30px;border:none;cursor:pointer;text-align:center;display:inline-block}.mypage-container #mypage-form-container form table tbody tr button:hover{background-color:#005177}.mypage-container #mypage-form-container select{font-size:medium;text-align:center;min-width:50%;padding:8px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:all 0.3s ease;word-wrap:break-word}.mypage-container #mypage-form-container select:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px rgba(0, 123, 255, 0.5)}.mypage-container #mypage-form-container select option{padding:10px;background-color:#fff;color:#333;font-size:medium}.mypage-container #mypage-form-container select option:hover{background-color:#f0f0f0}.mypage-container #mypage-form-container select::-ms-expand{display:none}.mypage-container #mypage-form-container button[type="button"]{font-size:medium;padding:10px 15px;background-color:#007bff;color:white;border:none;border-radius:30px;cursor:pointer;transition:background-color 0.3s ease}.mypage-container #mypage-form-container button[type="button"]:hover{background-color:#0056b3}.mypage-container #max-people-popup form{margin-bottom:20px;padding:1rem;margin:auto;max-width:1200px;width:100%;border:2px solid #ccc}@media (max-width:768px){.mypage-container #max-people-popup form{overflow-y:auto}}.mypage-container #repeat-dialog button[type="submit"]{background-color:#0073aa;color:white;padding:10px 30px;border:none;font-weight:bold;cursor:pointer;display:inline-block;text-align:center;margin-top:20px;transition:background-color 0.3s ease;z-index:99}.mypage-container #repeat-dialog button[type="submit"]:hover{background-color:#005177}.mypage-container #repeat-dialog button[type="submit"] .modal{z-index:99}.mypage-container .modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0, 0, 0, 0.4);margin:0}.mypage-container .modal .modal-content{background-color:#fefefe;padding:10px 30px;border:1px solid #888;width:90%;max-width:800px;border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media (max-width:768px){.mypage-container .modal .modal-content{padding:10px 10px}}.mypage-container .modal .modal-content span{color:#aaa;float:right;font-size:28px;font-weight:bold}.mypage-container .modal .modal-content span:hover,.mypage-container .modal .modal-content span:focus{color:black;text-decoration:none;cursor:pointer}.mypage-container .modal .modal-content .checkbox-group{display:flex;flex-direction:column;padding-bottom:30px}.mypage-container .modal .modal-content .checkbox-group input{display:inline-block;margin-right:8px;transform:scale(1.5);accent-color:blue}.mypage-container .modal .modal-content .confirm{background-color:#e0efff;padding:10px 20px;border:1px solid #8fc5ff;border-radius:4px;cursor:pointer;font-size:14px}.mypage-container .modal .modal-content .confirm:hover{background-color:#8fc5ff}.mypage-container .modal .modal-content .cancel{background-color:#d8d8d8;padding:7.5px 20px;border:1px solid #949494;border-radius:4px;cursor:pointer;font-size:14px}.mypage-container .modal .modal-content .cancel:hover{background-color:#5a6268}.mypage-container .modal .form-group{border:none}.mypage-container .modal .form-group label{display:block;font-weight:bold}.mypage-container .modal .form-group input,.mypage-container .modal .form-group select{width:100%;padding:8px;border-radius:4px;border:1px solid #ccc}.mypage-container .modal .form-group input[type="date"],.mypage-container .modal .form-group select{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.mypage-container .modal .repeat-settings{display:flex;flex-direction:column}.mypage-container .modal .repeat-settings .frequency-input{display:flex;align-items:center;margin:0}.mypage-container .modal .repeat-settings .frequency-input input[type="number"]{width:120px;padding:8px;margin-right:10px}.mypage-container .modal .repeat-settings .frequency-input select{width:120px;padding:8px}.mypage-container .modal .repeat-settings .repeat-unit{display:flex;align-items:center;gap:1rem}.mypage-container .modal .repeat-settings .repeat-unit select{width:auto;padding:8px}.mypage-container .modal .days-buttons{display:flex;flex-wrap:wrap;gap:0.5rem}.mypage-container .modal .days-buttons button{padding:10px 20px;border:1px solid #ccc;background-color:#f9f9f9;cursor:pointer}.mypage-container .modal .days-buttons button.active{background-color:#95ddff;border-color:#95ddff;color:white}.mypage-container .modal .days-buttons button:hover{background-color:#e2e2e2}.mypage-container .modal .date-picker{display:flex;flex-direction:column;gap:1rem}.mypage-container .modal .date-picker .date-input{display:flex;gap:1rem}.mypage-container .modal .date-picker .date-input input[type="date"]{flex:1;padding:8px;border-radius:4px;border:1px solid #ccc}.mypage-container .mypage-payment{}.mypage-container .mypage-payment .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.mypage-container .mypage-payment .table-wrapper table{width:100%;margin-bottom:30px;border-collapse:collapse}.mypage-container .mypage-payment .table-wrapper table th,.mypage-container .mypage-payment .table-wrapper table td{border:1px solid #ccc;padding:10px;text-align:center}.mypage-container .mypage-payment .table-wrapper table th{background-color:#f4f4f4}@media (max-width:768px){.mypage-container .mypage-payment .table-wrapper table{width:100%}.mypage-container .mypage-payment .table-wrapper th,.mypage-container .mypage-payment .table-wrapper td{font-size:14px;padding:8px 5px}.mypage-container .mypage-payment .table-wrapper th{white-space:nowrap}.mypage-container .mypage-payment .table-wrapper td{min-width:100px}}.mypage-container .mypage-list{}.mypage-container .mypage-list .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.mypage-container .mypage-list table{width:100%;margin-bottom:30px;border-collapse:collapse}.mypage-container .mypage-list table th,.mypage-container .mypage-list table td{border:1px solid #ccc;padding:3px;text-align:center}.mypage-container .mypage-list table th{background-color:#f4f4f4}@media (max-width:768px){.mypage-container .mypage-list table{width:100%}.mypage-container .mypage-list th,.mypage-container .mypage-list td{font-size:14px;padding:8px 5px}.mypage-container .mypage-list th{white-space:nowrap}.mypage-container .mypage-list td{min-width:150px}}.mypage-container .mypage-list form{margin:auto;width:100%}.mypage-container .mypage-list form .delete-button{background-color:#0073aa;color:white;padding:10px 30px;border:none;font-weight:bold;cursor:pointer;display:inline-block;text-align:center;transition:background-color 0.3s ease}.mypage-container .mypage-list form .delete-button:hover{background-color:#005177}.mypage-container .mypage-list form .delete-button__cancel{background-color:#aa0091;color:white;padding:10px 30px;border:none;font-weight:bold;cursor:pointer;display:inline-block;text-align:center;transition:background-color 0.3s ease}.mypage-container .mypage-list form .delete-button__cancel:hover{background-color:#005177}.mypage-container .mypage-list form .delete-button__ng{padding:10px 30px;border:none;font-weight:bold;cursor:pointer;display:inline-block;text-align:center;transition:background-color 0.3s ease;background-color:#cccccc}.mypage-container .mypage-list form .delete-button__ng:hover{background-color:#cccccc}.mypage-container .legend{margin:auto;max-width:100%;padding:10px 1rem;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;font-size:0.9rem;line-height:1.5}