:root[theme=admin]{--color-main: lightsalmon}:root[theme=staff]{--color-main: gold}:root[theme=user]{--color-main: mediumturquoise}*{margin:0;padding:0;font-size:14px;box-sizing:border-box}button{cursor:pointer;padding:16px 32px;background-color:var(--color-main);border:none}header{width:100%;padding:16px;text-align:center;position:relative}header img{width:150px}header a{text-decoration:none}header .r{position:absolute;right:8px;bottom:0}main{padding:8px}h1{font-size:16px;border-bottom:1px solid var(--color-main);padding:.2em .5em;border-left:solid 5px var(--color-main);margin-bottom:16px}table{border-collapse:collapse;text-align:center;margin:auto;margin-bottom:8px}table td,table th{border:1px solid var(--color-main);padding:8px}table th{background-color:var(--color-main)}input[type=text],input[type=text],input[type=email],input[type=tel],input[type=password],select{width:100%;height:40px;padding:8px;margin:8px 0}input[type=checkbox]{margin:0}input[type=checkbox]{margin-right:8px}label{margin:4px}select option:first-child{color:#bbb}textarea{width:100%;padding:8px}li{list-style:none}.sortBtn{margin:4px;padding:4px}.userColor th{background-color:#48d1cc}.userColor th,.userColor td{border-color:#48d1cc}.staffColor th{background-color:gold}.staffColor th,.staffColor td{border-color:gold}.top_user,.top_staff{color:#000;display:inline-block;text-decoration:none;padding:32px 64px;margin:16px;border-radius:5px;font-size:16px}.top_user{background-color:#48d1cc}.top_staff{background-color:gold}.bg{background-color:var(--color-main)}table.tForm td{min-width:400px}.required_sign::after{content:" *";color:red;vertical-align:middle}div.gtypeSet{width:100%}div.gtypeSet .set_vid{padding-left:8px;display:flex}div.gtypeSet .set_vid input{flex:1;width:80%}div.gtypeSet span{width:50%;float:left;white-space:nowrap}div.gtypeSet_staff{display:flex}div.gtypeSet_staff select{width:80%}button.delBtn{width:40px;padding:0;background:none;color:red;margin:8px}.harfTD span{width:50%;float:left}#staffListArea select{width:100%}#staffListArea select.staffName{display:none}.password-wrapper{display:flex;align-items:center;max-width:500px;margin:0 auto;position:relative}.password_toggle{position:absolute;right:8px;width:40px;border:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='48' width='48'><path d='M24 31.5q3.55 0 6.025-2.475Q32.5 26.55 32.5 23q0-3.55-2.475-6.025Q27.55 14.5 24 14.5q-3.55 0-6.025 2.475Q15.5 19.45 15.5 23q0 3.55 2.475 6.025Q20.45 31.5 24 31.5Zm0-2.9q-2.35 0-3.975-1.625T18.4 23q0-2.35 1.625-3.975T24 17.4q2.35 0 3.975 1.625T29.6 23q0 2.35-1.625 3.975T24 28.6Zm0 9.4q-7.3 0-13.2-4.15Q4.9 29.7 2 23q2.9-6.7 8.8-10.85Q16.7 8 24 8q7.3 0 13.2 4.15Q43.1 16.3 46 23q-2.9 6.7-8.8 10.85Q31.3 38 24 38Zm0-15Zm0 12q6.05 0 11.125-3.275T42.85 23q-2.65-5.45-7.725-8.725Q30.05 11 24 11t-11.125 3.275Q7.8 17.55 5.1 23q2.7 5.45 7.775 8.725Q17.95 35 24 35Z'/></svg>") no-repeat center center;background-size:50% auto;cursor:pointer}.password_toggle.is-visible{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='48' width='48'><path d='m31.45 27.05-2.2-2.2q1.3-3.55-1.35-5.9-2.65-2.35-5.75-1.2l-2.2-2.2q.85-.55 1.9-.8 1.05-.25 2.15-.25 3.55 0 6.025 2.475Q32.5 19.45 32.5 23q0 1.1-.275 2.175-.275 1.075-.775 1.875Zm6.45 6.45-2-2q2.45-1.8 4.275-4.025Q42 25.25 42.85 23q-2.5-5.55-7.5-8.775Q30.35 11 24.5 11q-2.1 0-4.3.4-2.2.4-3.45.95L14.45 10q1.75-.8 4.475-1.4Q21.65 8 24.25 8q7.15 0 13.075 4.075Q43.25 16.15 46 23q-1.3 3.2-3.35 5.85-2.05 2.65-4.75 4.65Zm2.9 11.3-8.4-8.25q-1.75.7-3.95 1.075T24 38q-7.3 0-13.25-4.075T2 23q1-2.6 2.775-5.075T9.1 13.2L2.8 6.9l2.1-2.15L42.75 42.6ZM11.15 15.3q-1.85 1.35-3.575 3.55Q5.85 21.05 5.1 23q2.55 5.55 7.675 8.775Q17.9 35 24.4 35q1.65 0 3.25-.2t2.4-.6l-3.2-3.2q-.55.25-1.35.375T24 31.5q-3.5 0-6-2.45T15.5 23q0-.75.125-1.5T16 20.15Zm15.25 7.1Zm-5.8 2.9Z'/></svg>")}@media(any-hover: hover){.password__toggle:hover{opacity:.7}}.mainBox{width:100%;margin:auto;text-align:center;justify-content:center}.max500px{max-width:500px}.breadcrumb{padding:8px;display:flex;flex-wrap:wrap;list-style:none}.breadcrumb li:not(:last-of-type)::after{content:"»";margin:0 .6em;color:#777}.red{color:red}.calendarCtrl{width:800px;max-width:100%;position:relative}.calendarCtrl .box-right{position:absolute;right:0;top:0}#searchForm input[type=checkbox]{width:auto}#searchForm input[type=text],#searchForm input[type=email],#searchForm input[type=tel],#searchForm input[type=password]{width:200px}#searchForm label{display:inline-block}#searchForm input{margin:0;height:auto}#searchForm select{margin:0;height:auto}#searchForm button{padding:4px;margin:4px;width:100px}#searchForm .searchBtnArea{width:100px}#gSelect,#gSelectStaff{width:300px}table.calendar{margin-top:8px;width:800px;max-width:100%;font-weight:bold}table.calendar td{height:56px;position:relative}table.calendar td:first-child{color:red}table.calendar td:last-child{color:blue}table.calendar .badge,table.calendar .otherBadge,table.calendar .staffOtherBadge,table.calendar .userBadge,table.calendar .staffBadge,table.calendar .openModalBtn{position:absolute;margin:0;padding:0;bottom:5px;right:5px;background-color:red;color:#fff;font-size:12px;width:20px;height:20px;line-height:20px;border-radius:50%;text-align:center}table.calendar .openModalBtn{top:5px;bottom:auto;background-color:var(--color-main)}table.calendar .otherBadge,table.calendar .staffOtherBadge{right:26px;background-color:gray}table.calendar .past{background-color:#d3d3d3}table.calendar .today{background-color:#87cefa}tr.otherReservation td,td.otherReservationTd{background-color:#d3d3d3}.width800{width:800px}td.msg{max-width:30%;word-break:break-word;text-align:left}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center}.modal table{width:100%}.modal table th{width:100px}.modal-content{overflow-y:scroll;background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.2);position:relative;max-height:100%}.close{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer}#consultForm{display:grid;gap:10px}#consultForm button[type=submit],#consultForm #cancelModalBtn{background-color:var(--color-main);padding:8px 16px;border:none;cursor:pointer}#placeTr{display:none}.joinBtn{margin:0 4px 4px 0}div#userInfo{width:100%}div#userInfo .userlist{margin:8px 0;border-radius:10px;display:flex}div#userInfo .userlist .dateArea{display:block;width:100px;margin:auto 0;padding:16px 0;font-weight:bold}div#userInfo .userlist .dateArea .year{font-size:20px;display:block;width:100px;text-align:center}div#userInfo .userlist .dateArea .date{font-size:20px;display:block;width:100px;text-align:center}div#userInfo .userlist .dateArea .day_of_week{font-size:20px;display:block;width:100px;text-align:center}div#userInfo .userlist .time{width:60px;margin:auto 0;padding:16px 8px;overflow-wrap:break-word;text-align:center;vertical-align:middle}div#userInfo .userlist .infoArea{display:flex;width:100%;white-space:pre-wrap}div#userInfo .userlist .infoArea .info,div#userInfo .userlist .infoArea .usermsg,div#userInfo .userlist .infoArea .note{padding:16px 8px;width:33%}div#userInfo .o{background-color:#83bfed}div#userInfo .f{background-color:#bbb}div#userInfo .c{background-color:#dbbf20}@media screen and (max-width: 480px){#gSelectStaff{width:100%}.calendarCtrl{height:40px}.calendarCtrl .box-right{top:auto;bottom:0}.calendar td{padding:24px 0}.calendar button.staffBadge{right:0}.calendar button.staffOtherBadge{right:auto;left:0}#addArea table,#addUserArea table,.reservationList table{width:100%}#addArea table thead,#addUserArea table thead,.reservationList table thead{display:none}#addArea table td,#addUserArea table td,.reservationList table td{display:block;text-align:right;height:100%;min-height:37px;width:100%;border-bottom:none}#addArea table td:last-child,#addUserArea table td:last-child,.reservationList table td:last-child{border-bottom:1px solid var(--color-main);text-align:center}#addArea table td.msg,#addUserArea table td.msg,.reservationList table td.msg{max-width:100%}#addArea table td::before,#addUserArea table td::before,.reservationList table td::before{float:left;margin:0;padding:0 8px 0 0;height:100%}#addArea table td:nth-child(1),#addUserArea table td:nth-child(1),.reservationList table td:nth-child(1){background-color:var(--color-main)}#addArea table td:nth-child(1)::before,#addUserArea table td:nth-child(1)::before,.reservationList table td:nth-child(1)::before{content:"日時"}#addArea table td:nth-child(2) br,#addUserArea table td:nth-child(2) br,.reservationList table td:nth-child(2) br{display:none}#addArea table td:nth-child(2)::before,#addUserArea table td:nth-child(2)::before,.reservationList table td:nth-child(2)::before{content:"時間"}#addArea table td:nth-child(3)::before,#addUserArea table td:nth-child(3)::before,.reservationList table td:nth-child(3)::before{content:"予約タイプ"}#addArea table td:nth-child(4)::before,#addUserArea table td:nth-child(4)::before,.reservationList table td:nth-child(4)::before{content:"担当者"}#addArea table td:nth-child(5)::before,#addUserArea table td:nth-child(5)::before,.reservationList table td:nth-child(5)::before{content:"メッセージ"}#addArea table td:nth-child(4)::before{content:"ルーム,所属/場所"}#addArea table td:nth-child(5)::before{content:"スタッフ"}#addArea table td:nth-child(6)::before{content:"スタッフ所属"}#addArea table td:nth-child(7)::before{content:"ユーザー"}#addArea table td:nth-child(8)::before{content:"ユーザー所属(内部ID)"}#addArea table td:nth-child(9)::before{content:"ステータス"}#addArea table tr.multiTrBase td:last-child{border-bottom:none}#addArea table tr.multiTrAdd td:nth-child(1){background-color:rgba(0,0,0,0)}#addArea table tr.multiTrAdd td:nth-child(1)::before{content:"ユーザー"}#addArea table tr.multiTrAdd td:nth-child(2) br{display:inline}#addArea table tr.multiTrAdd td:nth-child(2)::before{content:"ユーザー所属(内部ID)"}#addArea table tr.multiTrAdd td:nth-child(3)::before{content:"ステータス"}#addArea table tr.multiTrAdd td:nth-child(4)::before{content:""}#addArea table tr.multiTrAdd.otherReservation td:nth-child(1){background-color:#d3d3d3}#addArea table tr.singleTr.otherReservation td:nth-child(3){display:none}#addArea table tr.singleTr.otherReservation td:nth-child(4)::before{content:"スタッフ"}#addArea table tr.singleTr.otherReservation td:nth-child(5)::before{content:"スタッフ所属"}#addArea table tr.singleTr.otherReservation td:nth-child(6){text-align:center}#addArea table tr.singleTr.otherReservation td:nth-child(6)::before{content:""}div#userInfo div.userlist{display:block}div#userInfo div.userlist div.dateArea{width:100%;padding-bottom:0;display:flex;justify-content:center}div#userInfo div.userlist div.dateArea span.year,div#userInfo div.userlist div.dateArea span.date,div#userInfo div.userlist div.dateArea span.day_of_week{width:auto}div#userInfo div.userlist div.dateArea span.year{padding-left:8px}div#userInfo div.userlist div.dateArea span.year::after{content:"/"}div#userInfo div.userlist div.time{width:100%;padding:0}div#userInfo div.userlist div.infoArea{display:block;width:100%}div#userInfo div.userlist div.infoArea div.info,div#userInfo div.userlist div.infoArea div.usermsg,div#userInfo div.userlist div.infoArea div.note{width:100%}}