/* ↓リセット↓ */
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
scroll-behavior: smooth;
}
button,
input[type="email"],
input[type="password"],
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="submit"],
input[type="button"],
input[type="date"],
input[type="time"],
textarea,
select {
appearance: none;
padding: 0;
border: none;
outline: none;
}
input[type="date"]::-webkit-date-and-time-value {
text-align: left!important;
color: rgba(50,50,50,1.00);
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
vertical-align: middle;
}
ul {
font-size: 0;
}
ul li {
font-size: 13px;
list-style: none;
}
/* ↑リセット↑ */








/* ↓ページ共通↓ */
html {
width: 100%;
height: 100%;
}
body {
font-size: 13px;
font-family: Arial, "Hiragino Sans", Meiryo, sans-serif;
color: rgba(50, 50, 50, 1);
border-radius: 5px;
width: 100%;
height: 100%;
min-width: 1000px;
background-color: rgba(240,240,240,1.00)
}
.container {
height: 100%;
width: 100%;
font-size: 13px;
display: table;
position: relative;
}
a {
transition: 0.2s;
}
a:hover {
transition: 0.2s;
}

input[type="Button"]:disabled {
background-color: rgba(150, 150, 150, 1) !important;
}
input[type="email"],
input[type="password"],
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="time"],
textarea {
padding: 2px;
width: 100%;
min-height: 25px;
text-align: left;
border: 1px solid rgba(200, 200, 200, 1);
font: 12px/14px "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
background-color: rgba(255, 255, 255, 1);
border-radius: 3px;
vertical-align: bottom;
}
input[type="date"] {
padding: 2px;
}
input:disabled {
background-color: rgba(230,230,230,1.00);
}
input::placeholder {
color: rgba(180,180,180,1.00);
font-size: 13px;
}
.select-box {
border: 1px solid rgba(200, 200, 200, 1);
display: inline-block;
position: relative;
width: auto;
background-color: rgba(255, 255, 255, 1);
border-radius: 3px;
font: 13px/18px "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
overflow: hidden;
padding-right: 30px;
margin: 0;
vertical-align: middle;
}
.select-box::after {
position: absolute;
content: "\025bc";
font-size: 5px;
top: 50%;
right: -10px;
transform: translateY(-50%) translateX(-50%);
margin: auto;
pointer-events: none!important;
z-index: 1;
display: block;
text-align: center;
width: 20px;
}
.select-box select {
font-size: 12px;
padding: 3px;
width: calc(100% + 30px);
cursor: pointer;
}
input[type="radio"] {
margin: 0 3px 0 0 ;
}
input[type="submit"],
input[type="button"] {
font-size: 16px;
}


.btn-L {
min-width: 180px;
display: inline-block;
color: rgba(255, 255, 255, 1) !important;
text-decoration: none;
text-align: center;
border-radius: 100px;
line-height: 33px;
padding: 0 15px;transition: 0.2s;
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);
cursor: pointer;
white-space: nowrap;
}
.btn-L:hover {
transition: 0.2s;
box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.3);
}
.btn-L:active{
transition: 0.2s;
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}

.btn-M {
    min-width: 100px;
    display: inline-block;
    cursor: pointer;
    color: rgba(255, 255, 255, 1) !important;
    text-decoration: none;
    text-align: center;
    border-radius: 100px;
    line-height: 33px;
    padding: 0 15px;
    transition: 0.2s;
    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    white-space: nowrap;
}
.btn-M:hover {
    transition: 0.2s;
    box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.3);
}
.btn-M:active {
    transition: 0.2s;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}

.bg-red {
background-color: rgba(145, 0, 0, 1) !important;
}
.bg-red:hover {
transition: 0.2s;
background-color: rgba(155, 10, 10, 1) !important;
box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.3);
}
.bg-red:active{
transition: 0.2s;
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}
.bg-blue {
background-color: rgba(0,90,160,1.00) !important;
}
.bg-blue:hover {
transition: 0.2s;
background-color: rgba(10,100,170,1.00) !important;
box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.3);
}
.bg-blue:active{
transition: 0.2s;
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}
.bg-black {
background-color: rgba(40, 40, 40, 1);
}
.bg-black:hover {
transition: 0.2s;
background-color: rgba(50, 50, 50, 1);
box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.3);
}
.bg-black:active{
transition: 0.2s;
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}
.bg-orange {
background-color: rgba(255, 150, 60, 1);
}
.bg-orange:hover {
transition: 0.2s;
background-color: rgba(255, 160, 70, 1);
box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.3);
}
.bg-orange:active{
transition: 0.2s;
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}

.bg-green {
background-color: rgba(30,170,170,1.00);
}
.bg-green:hover {
transition: 0.2s;
background-color: rgba(30,180,180,1.00);
box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.3);
}
.bg-green:active{
transition: 0.2s;
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}
hr {
margin: 5px 0px;
height: 1px;
background-color: rgba(230,230,230, 1);
display: block;
border-style: none;
}
.f-right {
float: right;
}
.right {
text-align: right;
display: block;
}

.btn-S {
min-width: 40px;
display: inline-block;
border-radius: 20px;
text-align: center;
margin: 0px 5px 5px 0!important;
padding: 2px 8px!important;
transition: 0.2s;
box-shadow: 0px 2px 2px rgba(0,0,0,0.20);
font-size: 11px!important;
line-height: 16px;
color: rgba(255,255,255,1.00);
text-decoration: none;
white-space: nowrap;
}

.bottom-btn {
padding: 20px 0 0;
}
.bottom-btn a.btn-S {
margin: 5px 0 0!important;
}

.table {
width: 100%;
border-top: 1px solid rgba(200,200,200,1.00);
border-left: 1px solid rgba(200,200,200,1.00);
}
.table td,
.table th {
border-right: 1px solid rgba(200,200,200,1.00);
border-bottom: 1px solid rgba(200,200,200,1.00);
}
.table thead td {
background-color: rgba(88,88,88,1.00);
color: rgba(255,255,255,1.00);
padding: 2px 5px;
}
.table tbody td {
padding: 2px;
background-color: rgba(255,255,255,1.00);
}
.table tbody th {
background-color: rgba(88,88,88,1.00);
color: rgba(255,255,255,1.00);
padding: 3px 5px;
font-weight: normal;
}
.table tfoot td {
    padding: 2px;
    background-color: rgba(255, 255, 255, 1);
}
.smt {
display: none;
}
.pc {
display: block;
}
td.pc {
display: table-cell;
}

.wao-table tbody td {
padding: 3px;
}
.wao-table tbody th {
white-space: nowrap;
}
.wao-table-line {
border-top: 1px solid rgba(180,180,180,1.00);
border-left: 1px solid rgba(180,180,180,1.00);
margin: 0 5px 5px 0;
}
.wao-table-line th,
.wao-table-line td {
border-right: 1px solid rgba(180,180,180,1.00);
border-bottom: 1px solid rgba(180,180,180,1.00);
padding: 3px;
white-space: nowrap;
}
.wao-table-line thead th,
.wao-table-line thead td{
background-color: rgba(88,88,88,1.00);
color: rgba(255,255,255,1.00);
font-weight: normal;
white-space: nowrap;
}
.wao-table-line tbody tr:nth-child(even) td {
background: rgba(245,245,250,1.00)
}

.height-box {
position: relative;
overflow: scroll;
max-width: calc(100vw - 250px);
max-height: calc(100vh - 100px);
}



@media (max-width: 640px) {
body {
font-size: 16px;
min-width: auto;
}
input[type="email"],
input[type="password"],
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="time"],
textarea {
padding: 2px 3px;
min-height: 20px;
}
.select-box {
min-width: auto;
width: 100%;
}
.smt {
display: block;
}
.pc,
td.pc{
display: none;
}
td.smt {
display: table-cell;
}

.height-box {
height: 100%;
max-width: calc(100vw - 30px);
}

}


/* ↑ページ共通↑ */




/*↓ ログイン ↓*/

#login h1 {
width: 240px;
margin: 50px auto;
}
#login h1 img {
width: 100%;
}
#login table {
margin: auto;
width: 300px;
}
#login table td {
padding: 10px;
}
#login .message {
color: rgba(255,120,120,1.00);
text-align: center;
margin: 20px;
padding: 10px;
}
/*↑ ログイン ↑ */








/*↓ サイドメニュー ↓*/
#side-container {
display: table-cell;
vertical-align: top;
width: 180px;
min-width: 180px;
height: 100%;
background-color: rgba(40,40,40,1.00);
padding: 10px 0px;
}
#side-user {
text-align: center;
}
#side-user .user-photo {
background-image: url(img/user-photo-bg.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
width: 130px;
height: 130px;
padding: 18px;
margin: auto;
}
#side-user .user-photo img {
width: 100%;
border-radius: 100%;
height: auto;
}
#side-user p{
display: block;
}
#side-user p span {
border-radius: 3px;
line-height: 20px;
padding: 0 5px;
margin: 5px;
display: inline-block;
}
#side-user .user-role span {
background-color: rgba(255,255,255,1.00);
color: rgba(50,50,50,1.00);
font-size: 13px;
}
#side-user .user-name span {
background-color: rgba(50,50,50,1.00);
color: rgba(255,255,255,1.00);
font-size: 16px;
}
#side-user .team-name span {
background-color: #FF9678;
color: rgba(50,50,50,1.00);
font-size: 13px;
}
#side-container ul {
margin: 10px 0 0;
}
#side-container ul > li {
position: relative;
}
#side-container ul > li > a {
display: block;
color: rgba(255,255,255,1.00);
text-decoration: none;
padding: 10px 10px 10px 50px;
white-space: nowrap;
font-size: 13px;
line-height: 30px;
background-repeat: no-repeat;
background-position: 5px center;
background-size: 40px auto;
}
#side-container ul li.nav01 > a {
background-image: url(img/nav-icon01.svg);
}
#side-container ul li.nav02 > a {
background-image: url(img/nav-icon02.svg);
}
#side-container ul li.nav03 > a {
background-image: url(img/nav-icon03.svg);
}
#side-container ul li.nav04 > a {
background-image: url(img/nav-icon04.svg);
}
#side-container ul li.nav05 > a {
background-image: url(img/nav-icon05.svg);
}
#side-container ul li.nav06 > a {
background-image: url(img/nav-icon06.svg);
}
#side-container ul li.nav07 > a {
background-image: url(img/nav-icon07.svg);
}
#side-container ul li.nav08 > a {
background-image: url(img/nav-icon08.svg);
}
#side-container ul li.side-loguout > a {
background-image: url(img/nav-icon99.svg);
}
#side-container ul li.menu-close > a {
background-image: url(img/nav-icon100.svg);
}
#side-container ul li.menu-open > a {
background-image: url(img/nav-icon101.svg);
}
#side-container ul li.menu-open {
display: none;
}
#side-container ul li.side-loguout {
position: relative;
margin: 5px 0;
}
#side-container ul li.side-loguout::before,
#side-container ul li.side-loguout::after {
content: "";
position: absolute;
width: calc(100% - 20px);
left: 0;
right: 0;
margin: auto;
border-top: 1px solid rgba(255,255,255,1.00);
}
#side-container ul li.side-loguout::before {
top: 0;
}
#side-container ul li.side-loguout::after {
bottom: 0;
}


#side-container ul > li > a:hover {
background-color: rgba(66,66,66,1.00);
}
#side-container ul > li.active > a,
#dashboard #side-container ul > li.nav01 a,
#jyugyoin-ichiran #side-container ul > li.nav02 a,
#jyugyoin-add #side-container ul > li.nav02 a,
#shift01 #side-container ul > li.nav03 a,
#BanqAutoImport #side-container ul > li.nav04,
#BanqAutoImport #side-container ul > li.nav04 ol li:nth-child(2) a,
#BanquetScheduleList #side-container ul > li.nav04,
#BanquetScheduleList #side-container ul > li.nav04 ol li:nth-child(3) a,
#BanquetScheduleEdit #side-container ul > li.nav04,
#BanquetScheduleEdit #side-container ul > li.nav04 ol li:nth-child(4) a,
#ShiftHope #side-container ul > li.nav04,
#ShiftHope #side-container ul > li.nav04 ol li:nth-child(6) a,
#NotSubmitHopeList #side-container ul > li.nav04,
#NotSubmitHopeList #side-container ul > li.nav04 ol li:nth-child(7) a,
#ShiftHope-dispList-edit #side-container ul > li.nav04,
#ShiftHope-dispList-edit #side-container ul > li.nav04 ol li:nth-child(7) a,
#StaffMonthList #side-container ul > li.nav04,
#StaffMonthList #side-container ul > li.nav04 ol li:nth-child(8) a,
#SheetMakeDaily #side-container ul > li.nav04,
#SheetMakeDaily #side-container ul > li.nav04 ol li:nth-child(10) a,
#SheetMakeMonthly #side-container ul > li.nav04,
#SheetMakeMonthly #side-container ul > li.nav04 ol li:nth-child(11) a,
#SendMail #side-container ul > li.nav04,
#SendMail #side-container ul > li.nav04 ol li:nth-child(12) a,
#AttendanceList #side-container ul > li.nav05,
#AttendanceList #side-container ul > li.nav05 ol li:nth-child(1) a,
#StaffPayList #side-container ul > li.nav05,
#StaffPayList #side-container ul > li.nav05 ol li:nth-child(2) a,
#AttendanceSheetMake #side-container ul > li.nav05,
#AttendanceSheetMake #side-container ul > li.nav05 ol li:nth-child(3) a,
#FBWeddingAutoImport #side-container ul > li.nav06,
#FBWeddingAutoImport #side-container ul > li.nav06 ol li:nth-child(2) a,
#FBSalesList #side-container ul > li.nav06,
#FBSalesList #side-container ul > li.nav06 ol li:nth-child(3) a,
#FBSalesDelete #side-container ul > li.nav06,
#FBSalesDelete #side-container ul > li.nav06 ol li:nth-child(4) a,
#WeddingSalesList #side-container ul > li.nav06,
#WeddingSalesList #side-container ul > li.nav06 ol li:nth-child(5) a,
#BillMake #side-container ul > li.nav06,
#BillMake #side-container ul > li.nav06 ol li:nth-child(1) a,
#OpeRateCalc #side-container ul > li.nav06,
#OpeRateCalc #side-container ul > li.nav06 ol li:nth-child(7) a,
#EvaluatePartTimeJobList #side-container ul > li.nav07,
#EvaluatePartTimeJobList #side-container ul > li.nav07 ol li:nth-child(2) a


{
background-color: rgba(88,88,88,1.00);
color: rgba(255,255,255,1.00);
}

#side-container ul li.sub-nav:hover ol {
display: block;
}
#side-container ul li ol {
display: none;
position: absolute;
left: 100%;
top: 0;
background-color: rgba(70,70,70,1.00);
padding: 5px 0;
z-index: 10;
}
#side-container ul li ol::after {
content: "";
width: 10px;
height: 10px;
background-color: rgba(70,70,70,1.00);
top: 18px;
left: -5px;
position: absolute;
transform: rotate(45deg);
z-index: 1;
}
#side-container ul li ol li {
white-space: nowrap;
color: rgba(255,255,255,1.00);
min-width: 100px;
position: relative;
z-index: 100;
}
#side-container ul li ol li p {
color: rgba(187,187,187,1.00);
padding: 3px 10px 0;
}
#side-container ul li ol li a {
color: rgba(255,255,255,1.00);
line-height: 20px;
text-decoration: none;
display: block;
padding: 3px 10px 3px 10px;
}
#side-container ul li ol li.sub2 a {
padding: 3px 10px 3px 25px;
}
#side-container ul li ol li a:hover {
background-color: rgba(100,70,70,1.00);
}

@media (max-width: 640px) {
#side-container {
width: 130px;
min-width: 130px;
}
#side-user .user-photo {
width: 100px;
height: 100px;
padding: 16px;
}
#side-container ul {
margin: 0px 0 0;
}
#side-container ul > li > a {
padding: 3px 5px 3px 35px;
line-height: 30px;
background-size: 25px auto;
}
#side-container .menu-close {
display: none;
}
#side-container ul li ol::after {
top: 13px;
}
}


/*↑ サイドメニュー ↑ */

/* ↓サイドメニュー閉じる↓ */

#side-container:target {
width: 50px;
min-width: 50px;
}
#side-container:target #side-user .user-photo {
width: 39px;
height: 39px;
padding: 1px
}
#side-container:target #side-user p,
#side-container:target .nav li a span{
display: none;
}
#side-container:target .nav > li > a {
height: 50px;
padding: 10px 10px 10px 40px;
}
#side-container:target ul li.menu-close {
display: none;
}
#side-container:target ul li.menu-open {
display: block;
}
/* ↑サイドメニュー閉じる↑ */














/*↓ メイン ↓*/
main {
display: table-cell;
vertical-align: top;
text-align: left;
padding: 10px 20px 0px 20px;
background-image: url(img/logo.png);
background-repeat: no-repeat;
background-position: right 10px top 10px;
background-size: auto 30px;
}
main h1 {
font-size: 25px;
letter-spacing: 0.1em;
margin: 0 0 5px 0;
}
#pankuzu {
width: calc(100% + 60px);
background-color: rgba(230,235,240,1.00);
padding: 10px 40px;
margin: 0 0 40px -40px;
}
#pankuzu ul li {
display: inline-block;
line-height: 20px;
}
#pankuzu ul li a {
margin: 0 25px 0 0;
padding: 0 10px;
background-color: rgba(0,30,60,1.00);
border-radius: 20px;
color: rgba(255,255,255,1.00);
display: block;
text-decoration: none;
position: relative;
}
#pankuzu ul li a::after {
content: "\025b6";
position: absolute;
right: -16px;
top: 0;
bottom: 0;
margin: auto;
font-size: 8px;
color: rgba(0,177,177,1.00);
}

.waku {
background-color: rgba(255,255,255,1.00);
border-radius: 4px;
padding: 15px;
margin: 0 0 20px;
position: relative;

}
.waku:last-child {
margin: 0;
}
.waku h2 {
font-size: 18px;
font-weight: normal;
border-bottom: 1px solid rgba(200,200,200,1.00);
padding: 5px;
margin-bottom: 5px;
}
.waku h3 {
    font-size: 14px;
    font-weight: normal;
    border-bottom: 1px solid rgba(200, 200, 200, 1);
    padding: 3px;
}
.waku p {
padding: 3px;
font-size: 12px;
line-height: 16px;
}

.shift-list {
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 22px;
}

@media (max-width: 640px) {
main {
display: block;
padding: 5px;
background-image: none;
}
main h1 {
margin: 0 5px 5px;
}
.waku {
padding: 10px;
}
.waku:last-child {
margin: 0 0 20px;
}
}
/*↑ メイン ↑ */







/*↓ モーダル基本 ↓*/
.modal{
width: 100%;
height: 100%;
position: fixed;
display: flex;
top: 0;
left: 0;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: rgba(0,0,0,0.50);
z-index: 999!important;
}
.modal:not(:target) {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s, visibility 0.5s;
}
.modal:target {
opacity: 1;
visibility: visible;
transition: opacity 0.5s, visibility 0.5s;
}
.modal-white {
padding: 30px;
background-color: rgba(255,255,255,1.00);
}
.modal-white input[type="text"] {
margin: 0 0 30px 0;
}
.modal .overlay{
display: block;
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(0,0,0,0.50);
opacity: 0.7;
top: 0;
left: 0;
z-index: 9998;
}
.modal-wrapper{
width: 800px;
max-width: 100%;
min-width: 300px;
height: auto;
max-height: 90vh;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 5px;
z-index: 9999;
overflow: auto;
}
.modal-contents{
overflow: auto;
width: 100%;
height: 100%;
box-sizing: border-box;
position: relative;
}
.modal-content{
margin: 35px;
font-size: 16px;
line-height: 1.5em;
}
.modal-content a {
margin: 5px;
}
.modal-close{
position: absolute;
top: 5px;
right: 10px;
text-decoration: none;
width: 20px!important;
text-align: right;
background-color: rgba(255,255,255,0.00)!important;
color: rgba(50,50,50,1.00)!important;
box-shadow: 0px 0px rgba(239,239,239,0.00)!important;
}
.modal-content form button[type="submit"] {
display: block;
font-size: 13px;
border-radius: 15px;
background-color: rgba(20,100,150,1.00);
color: rgba(255,255,255,1.00);
padding: 0 15px;
margin: 10px auto;
}

/*↑ モーダル基本 ↑*/








/*↓ シフト作成↓*/
#shift-wrapper {
width: calc(100vw - 220px)!important;
position: relative;
}

#shift-left-box,
#shift-rigft-box{
display: table-cell;
vertical-align: top;
}
#shift-left-box {
width: 330px;
}
#shift-left-box .waku {

}
#shift-left-box table {
margin-bottom: 5px;
}
#shift-left-box table th {
white-space: nowrap;
font-weight: normal;
}
#shift-left-box table td {
padding: 2px 5px;
}
#shift-left-box table td .select-box {
width: 300px;
}
#shift-left-box table thead {
position: sticky;
top: 0;
}
#shift-left-box .btn-S {
width: 100px;
}



#shift-rigft-box {
padding: 0 0 0 20px;
}
#factory-scroll {
width: calc(100vw - 640px);
height: calc(100vh - 80px);
overflow: auto;
margin: -10px;
padding: 10px 10px 20px;
}
#side-container:target + main #factory-scroll {
width: calc(100vw - 490px);
}
#shift-rigft-box .waku {
position: relative;
}
.tooltip {
position: relative;
background-color: rgba(255,188,93,1.00);
display: block;
width: 50px;
padding: 0 10px;
text-align: center;
border-radius: 20px;
float: right;
}
.tooltip:hover p {
display: block;
z-index: 100;
}
.tooltip p {
display: none;
position: absolute;
left: 100%;
bottom: 0;
width: 300px;
text-align: left;
background-color: rgba(230,230,220,0.99);
border-radius: 3px;
white-space: normal;
}
.right .tooltip {
float: left;
}
#room-box {
font-size: 0;
max-height: calc(100vh - 100px);
overflow: auto;
}
#shift-kibou .select-box{
width: 100%;
margin: 0 0 10px; 
}
#shift-kibou .select-box 
#shift-kibou label {
display: inline-block;
font-size: 13px;
min-width: 130px;
border: 1px solid rgba(230,230,230,1.00);
padding: 4 5px;
margin: 5px;
cursor: pointer;
background-color: rgba(255,255,255,1.00);
border-radius: 20px;
text-align: center;
}
.shift-kibou-table {
display: block;
max-height: calc(100vh - 393px);
overflow: auto;
font-size: 12px;
}
#room-box label {
display: inline-block;
font-size: 13px;
min-width: 130px;
border: 1px solid rgba(255,255,255,1.00);
padding: 10px;
margin: 0 1px 1px 0;
cursor: pointer;
background-color: rgba(240,240,240,1.00);
position: sticky;
top: 0;
border-radius: 3px;
z-index: 100;
}
#shift-kibou input[type="radio"],
#room-box input[type="checkbox"]{
display: none;
}
#shift-kibou input[type="radio"]:checked+label,
#room-box input[type="checkbox"]:checked+label {
background-color: rgba(255,150,0,1.00)!important;
}
#shift-kibou input[type="radio"] ~ label ~ div {
display: none;
}






#factory-navi {
position: absolute;
top: -22px;
left: 10px;
white-space: nowrap;
}
#factory-navi li {
display: inline-block;
margin-right: 5px;
}
#factory-navi li a {
background-color: rgba(255,150,0,1.00);
color: rgba(255,255,255,1.00);
text-decoration: none;
padding: 5px 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}


#factory-wrapper {
}
#factory-table {
display: table;
margin: -10px;

}
.factory-table-cell {
display: table-cell;
border-right: 1px solid rgba(230,230,230,1.00);
padding: 10px;
}
.factory-table-cell .room-box {
margin: 0 0 10px 0;
}


.room-box {
font-size: 13px;
min-height: 100px;
margin: 10px 10px 10px 0;
padding: 5px 10px;
border-radius: 4px;
border: 1px solid rgba(200,200,200,1.00);
vertical-align: top;
background-color: rgba(250,250,240,1.00);
}
.room-box h2 {
border-bottom-style: none;
margin: 0;
}
.room-box h2 small {
background-color: rgba(50,50,50,1.00);
border-radius: 20px;
color: rgba(255,255,255,1.00);
padding: 2px 10px;
font-size: 12px;
}
.room-box > .btn-S:first-child {
float: left;
}
.room-box > .btn-S:last-child {
float: right;
}
.room-box > .btn-S {
width: 120px;
margin: 10px 5px!important;
}

#room-box input[type="checkbox"] ~ label ~ .room-box {
display: none;
}
#room-box #chek01:checked ~ label ~ #room01,
#room-box #chek02:checked ~ label ~ #room02,
#room-box #chek03:checked ~ label ~ #room03,
#room-box #chek04:checked ~ label ~ #room04,
#room-box #chek05:checked ~ label ~ #room05,
#room-box #chek06:checked ~ label ~ #room06,
#room-box #chek07:checked ~ label ~ #room07,
#room-box #chek08:checked ~ label ~ #room08,
#room-box #chek09:checked ~ label ~ #room09,
#room-box #chek10:checked ~ label ~ #room10
{
display: inline-block;
}


.enseki-table {
margin: 0 0 5px;
width: 100%;
border-top: 1px solid rgba(100,100,100,1.00);
border-left: 1px solid rgba(100,100,100,1.00);
}
.enseki-table th,
.enseki-table td{
border-right: 1px solid rgba(100,100,100,1.00);
border-bottom: 1px solid rgba(100,100,100,1.00);
}
.enseki-table thead td {
background-color: rgba(200,205,210,1.00);
color: rgba(50,50,50,1.00);
white-space: nowrap;
}

.enseki-table tbody th {
background-color: rgba(200,205,210,1.00);
color: rgba(50,50,50,1.00);
width: 10%;
white-space: nowrap;
}
.enseki-table tbody td {
width: 40%;
vertical-align: middle;
}
.enseki-table tbody td textarea {
height: 4rem;
}
.enseki-table tbody td .select-box {
min-width: 80px;
width: 80px;
}
.enseki-table tbody td .btn-S {
min-width: 30px;
margin: 0!important;
}

.enseki-tanto-table tr:last-child a {
display: block;
text-align: center;
text-decoration: none;
line-height: 20px;
background-color: rgba(0,153,255,1.00);
color: rgba(255,255,255,1.00);
border-radius: 2px;
padding: 0 10px;
font-size: 12px;
}
.bikou {
    position: relative;
    height: 30px;
    display: block;
}
.bikou p {
    overflow: hidden;
    height: 30px;
    display: block;
}
/* 
.bikou {
position: relative;
width: 50px;
height: 30px;
display: block;
}
.bikou p{
overflow: hidden;
width: 50px;
height: 30px;
display: block;
}
*/
.bikou:hover p {
bottom: 0;
right: 0;
position: absolute;
overflow: visible;
width: 300px;
height: auto;
background-color: rgba(230,230,220,0.99);
z-index: 100;
border-radius: 5px;
}






@media (max-width: 640px) {

#shift-wrapper {
display: block;
width: 100%;
width: calc(100vw - 10px)!important;
}
#side-container:target + main #shift-wrapper {
width: calc(100vw - 10px)!important;
}
#shift-left-box {
width: calc(100vw - 10px)!important;
}
#shift-rigft-box{
display: block;
width: calc(100%);
margin-top: 10px;
}
#factory-scroll {
width: calc(100vw - 20px);
height: auto;
overflow-x: hidden;
margin: -5px;
padding: 5px 5px 20px;
}
#side-container:target + main #factory-scroll {
width: calc(100vw - 0px);
}

#shift-left-box section:nth-child(1) table {
width: 100%;
}
.tooltip p {
width: 250px;
left: auto;
right: 100%;
}
#shift-rigft-box {
padding: 0 0 0 0px;
}
#shift-rigft-box .waku {
width: calc(100% - 0px);
padding: 5px;
}

#room-box {
max-height: calc(100%);

}
#room-box label {
position: relative;
min-width: auto;
width: calc(100% / 3 - 1px);
}
.room-box {
width: calc(100% - 0px);
padding: 10px 10px 5px;
margin: 10px 0;
}
.room-box table {
width: 100%;
}
.room-box table tbody td {
padding: 3px;
}

.room-box table .smt a {
display: block;
background-color: rgba(179,20,23,1.00);
border-radius: 50%;
color: rgba(255,255,255,1.00);
width: 23px;
height: 23px;
text-align: center;
text-decoration: none;
line-height: 23px;
}

#shift-table02 {
height: auto;
}








#shift-nyuryoku {
height: auto;
position: relative;
z-index: 100;
margin: 0;
width: calc(100vw - 10px);
}
#shift-nyuryoku > a {
width: 150px;
display: block;
background-color: rgba(70,70,70,1.00);
text-align: center;
text-decoration: none;
border-radius: 5px;
color: rgba(255,255,255,1.00);
padding: 5px;
margin: 0px auto 0px;
transition: 0.2s;
font-weight: bold;
}
#shift-nyuryoku > #s-close {
display: none;
}
#shift-nyuryoku > a img {
height: 20px;
}
#shift-nyuryoku:target section,
#shift-nyuryoku:target hr{
display: none;
}
#shift-nyuryoku:target > a img {
transform:rotate(180deg);
}
#shift-nyuryoku:target > #s-close {
display: block;
}
#shift-nyuryoku:target > #s-open {
display: none;
}












#shift-kibou {
height: 50vh;
position: fixed;
z-index: 100;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto -50vh;
}
#shift-kibou > a {
width: 150px;
display: block;
background-color: rgba(255,152,2,1.00);
text-align: center;
text-decoration: none;
border-radius: 5px 5px 0px 0px;
color: rgba(50,50,50,1.00);
padding: 5px;
margin: -40px auto 10px;
transition: 0.2s;
font-weight: bold;
}
#shift-kibou > a:nth-child(2) {
display: none;
}
#shift-kibou > a img {
height: 20px;
}
#shift-kibou:target {
margin: 0 auto 0px;
width: 90%;
z-index: 200;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.80);
box-shadow: 0px 0px 3px rgba(0,0,0,0.80);
transition: 0.2s;
}
#shift-kibou:target > a {
margin: 0px auto 10px;
border-radius: 5px;
}
#shift-kibou:target > a img {
transform:rotate(180deg);
}
#shift-kibou:target > a:nth-child(2) {
display: block;
}
#shift-kibou:target > a:nth-child(1) {
display: none;
}
.shift-kibou-table {
max-height: calc(50vh - 100px);
}
.enseki-table tbody td input[type="text"],
.enseki-table tbody td .select-box {
width: 100%;
min-width: 80px;
font-size: 13px;
color: rgba(50,50,50,1.00);
}
.enseki-table tbody td input[type="time"] {
height: 25px;
width: 100%;
min-width: 30px;
text-align: left;
}
.enseki-tanto-table td:nth-child(1) {
width: 1%;
}
.enseki-tanto-table td:nth-child(2) {
width: 30%;
}
.enseki-tanto-table td:nth-child(2)  .select-box {
min-width: 40px;
}
.enseki-tanto-table td:nth-child(3) {
width: 15%;
}
.enseki-tanto-table td:nth-child(4) {
width: 15%;
}
.enseki-tanto-table td:nth-child(5) {
width: 40%;
}
.enseki-tanto-table td:nth-child(5)  .select-box {
min-width: 40px;
}
.enseki-tanto-table td:nth-child(6) {
width: 1%;
}
.enseki-tanto-table tbody td input[type="time"] {
width: 50px;
}

.bikou {
display: block;
position: relative;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: rgba(255,152,1,1.00);
}
.bikou p{
display: none;
}
.bikou:hover p {
display: block;
}

.factory-table-cell .room-box{
width: 86vw;
}


#factory-navi {
position: relative;
top: 0px;
left: 0px;
white-space: normal;
padding-bottom: 5px;
}
#factory-navi li {
display: inline-block;
margin: 5px;
}
#factory-navi li a {
background-color: rgba(255,150,0,1.00);
color: rgba(255,255,255,1.00);
text-decoration: none;
padding: 5px 10px;
border-radius: 5px;
}
#factory-wrapper {
overflow-y: hidden;
max-height: auto;
}


}
/*↑ シフト作成 ↑ */








/*↓ メモ ↓*/
#memo {
    position: fixed;
    right: 0;
    bottom: 50px;
    background-color: rgba(230, 230, 220, 0.8);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    border-radius: 5px 0px 0px 5px;
    padding: 0px;
    width: 300px;
    height: 300px;
    transition: 0.2s;
    display: table;
    z-index: 100;
    margin: 0 -270px 0 0;
}
#memo:target {
    transition: 0.2s;
    margin: 0;
}
#memo a:nth-child(1) {
    display: none;
}
#memo:target a:nth-child(1) {
    display: block;
}
#memo:target a:nth-child(2) {
    display: none;
}
#memo h3 {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 30px;
}
#memo h3 a {
    text-decoration: none;
    color: rgba(50, 50, 50, 1);
    font-size: 13px;
    line-height: 30px;
    writing-mode: vertical-rl;
    height: 300px;
}
#memo h3 a img {
    width: 16px;
    height: auto;
    transform: rotate(90deg);
}
#memo:target a img {
    transform: rotate(270deg);
}
#memo textarea {
    display: table-cell;
    height: calc(100% - 20px);
    width: calc(100% - 10px);
    margin: 10px 0;
}

@media (max-width: 640px) {
    #memo {
        width: 300px;
        height: 50px;
        margin: 0 -270px 0 0;
        bottom: 100px;
    }
    #memo h3 a {
        height: 50px;
    }

    #memo:target {
        margin: 0;
        height: 300px;
    }
    #memo:target h3 a {
        height: 300px;
    }
    #memo textarea {
        font-size: 16px;
    }
}
/*↑ メモ ↑ */









@media (max-width: 640px) {
.side-box {
background-color: rgba(245,245,245,1.00);
margin: 0px;
}
.side-box hr:last-child {
display: none;
}
.side-close {
display: none;
}
/* ↓ハンバーガーメニュー↓ */
/* nav-toggle */
#nav-toggle {
display: none;
position: fixed;
top: 10px;
right: 10px;
border-radius: 50%;
}
#nav-toggle div {
width: 40px;
height: 40px;
padding-top: 0px;
}
#nav-toggle > div {
position: relative;
width: 40px;
margin-top: 0px;
}
#nav-toggle span {
width: 60%;
height: 4px;
left: 0;
right: 0;
display: block;
background-color: rgba(255,153,0,1.00);
position: absolute;
margin: 6px auto;
transition: 0.35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 2px;
}
#nav-toggle span:nth-child(2) {
top: 10px;
}
#nav-toggle span:nth-child(3) {
top: 18px;
}
#overlay {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#side-container {
display: block;
position: fixed;
height: 100%;
width: 140px;
top: 0px;
left: -140px;
-webkit-transition: 0.35s ease-in-out;
transition: 0.35s ease-in-out;
-webkit-overflow-scrolling: touch;
margin-top: 0px;
}
#nav-toggle {
display: block;
}
/* nav open */
.open {
overflow: hidden;
}
.open #overlay {
display: block;
background-color: rgba(0, 0, 0, 0.7);
}
.open #side-container {
transform: translate3d(-100%, 0, 0);
left: 140px;
}
/* #nav-toggle close */
.open #nav-toggle {
background-color: rgba(255, 255, 255, 0);
}
.open #nav-toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* z-index */
#overlay {
z-index: 200;
}
#side-container {
z-index: 300;
}
#nav-toggle {
z-index: 400;
}
/* ↑ハンバーガーメニュー↑ */
/* 640px */
}





/* ↓従業員一覧↓ */
/*
#jyugyoin-ichiran input[type="checkbox"] {
display: none;
}
#jyugyoin-ichiran input[type="checkbox"] + label {
display: inline-block;
border-radius: 20px;
background-color: rgba(240,240,240,1.00);
padding: 0 10px;
margin: 5px;
}
#jyugyoin-ichiran input[type="checkbox"]:checked + label {
background-color: rgba(41,41,41,1.00);
color: rgba(255,255,255,1.00);
}
*/
#jyugyoin-ichiran #chekKensaku {
    display: none;
}
#ichiran-table {
max-height: calc(100vh - 230px);
overflow: auto;
}
#ichiran-table table {
width: auto;
border-left-style: none;
}
#ichiran-table thead {
position: sticky;
top: 0;
}
#ichiran-table thead td,
#ichiran-table tbody td{
white-space: nowrap;
}
#ichiran-table tbody td {
border-right-style: none;
border-left-style: none;
}
#ichiran-table tbody td img {
width: 30px;
height: 30px;
border-radius: 5px;
}
/*  動的にチームカラーを変更する機能を実装したため、廃止 */
/*
#ichiran-table tbody tr.team01 td {
    background-color: rgba(255, 230, 230, 1);
}
#ichiran-table tbody tr.team02 td {
    background-color: rgba(230, 255, 255, 1);
}
#ichiran-table tbody tr.team03 td {
    background-color: rgba(255, 254, 230, 1);
}
#ichiran-table tbody tr.team04 td {
    background-color: rgba(230, 255, 233, 1);
}
#ichiran-table tbody tr.team05 td {
    background-color: rgba(230, 200, 240, 1);
}
#ichiran-table tbody tr.team06 td {
    background-color: rgba(232, 232, 232, 1);
}
#ichiran-table tbody tr.team07 td {
    background-color: rgba(230, 255, 255, 1);
}
*/
#ichiran-table tbody td .maru {
display: block;
width: 15px;
height: 15px;
border-radius: 10px;
background-color: rgba(50,50,50,1.00)
}
/*
 #jyugyoin-ichiran #ichiran-table tbody tr td {
    display: none;
}
*/
/* 
#jyugyoin-ichiran #chek00:checked ~ label ~ .scroll-table .table tr td,
#jyugyoin-ichiran #chek01:checked ~ label ~ .scroll-table .table tr.team01 td,
#jyugyoin-ichiran #chek02:checked ~ label ~ .scroll-table .table tr.team02 td,
#jyugyoin-ichiran #chek03:checked ~ label ~ .scroll-table .table tr.team03 td,
#jyugyoin-ichiran #chek04:checked ~ label ~ .scroll-table .table tr.team04 td,
#jyugyoin-ichiran #chek05:checked ~ label ~ .scroll-table .table tr.team05 td,
#jyugyoin-ichiran #chek06:checked ~ label ~ .scroll-table .table tr.team06 td,
#jyugyoin-ichiran #chek07:checked ~ label ~ .scroll-table .table tr.team07 td,
#jyugyoin-ichiran #chek08:checked ~ label ~ .scroll-table .table tr.team08 td,
#jyugyoin-ichiran #chek09:checked ~ label ~ .scroll-table .table tr.team09 td,
#jyugyoin-ichiran #chek10:checked ~ label ~ .scroll-table .table tr.team10 td,
#jyugyoin-ichiran #chekAll:checked ~ label ~ .scroll-table .table tr td,
*/
#jyugyoin-ichiran #chekNomal:checked ~ label ~ .scroll-table .table tr.teamNomal td,
#jyugyoin-ichiran #chekKensaku:checked ~ label ~ .scroll-table .table tr.teamKensaku td, 
#jyugyoin-ichiran #ichiran-table tbody tr.teamNomal td{
    display: table-cell;
}

@media (max-width: 640px) {
.scroll-table {
overflow-y: hidden!important;
width: calc(100vw - 48px);
}
#ichiran-table {
max-height: calc(100%);
overflow-y: hidden!important;
}
}

/* ↑従業員一覧↑ */









/* ↓従業員登録・編集↓ */
#jyugyoin-add-wrapper {
width: 800px;
}
#jyugyoin-add-wrapper section {
float: left;
margin: 0 30px 30px 0;
width: 350px;
}

#jyugyoin-add-wrapper table {
width: 100%;
}
#jyugyoin-add-wrapper table th,
#jyugyoin-add-wrapper table td {
font-size: 12px;
border-bottom: 1px solid rgba(200,200,200,1.00);
padding: 5px;
}
#jyugyoin-add01 {
width: 350px;
}
#jyugyoin-add01 table th {
white-space: nowrap;
font-weight: normal;
width: 10%;
}
#jyugyoin-add-wrapper .select-box {
min-width: 100%;
}
#jyugyoin-add-wrapper td label {
display: inline-block;
border-radius: 20px;
background-color: rgba(211,211,211,1.00);
padding: 4px 10px;
min-width: 50px;
text-align: center;
font-size: 12px;
line-height: 12px;
}
#jyugyoin-add-wrapper td input + small {
position: absolute;
z-index: 100;
margin: 8px 0px 0px -15px;
}
#jyugyoin-add-wrapper textarea {
height: 10em;
}
#file-up-box {
border-bottom: 1px solid rgba(200,200,200,1.00);
}
#file-up-box > span {
display: block;
margin: 0 0 10px;
}
#file-up-box > span img {
height: 150px;
}

#password_input_field {
    position: relative;
}
  
#password_input_field #eye-solid {
    position: absolute;
    top: 50%;
    right: 10px;
      transform: translateY(-50%);
    width: 15px;
}

@media (max-width: 640px) {
#jyugyoin-add-wrapper {
width: auto;
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
#jyugyoin-add-wrapper section {

width: 100%;
}
#jyugyoin-add-wrapper #jyugyoin-add01 {
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
#jyugyoin-add-wrapper #jyugyoin-add02 {
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
#jyugyoin-add-wrapper #jyugyoin-add03 {
-webkit-box-ordinal-group:3;
-ms-flex-order:3;
-webkit-order:3;
order:3;
}
}



/* ↑従業員登録・編集↑ */







#StaffMonthList table td {
white-space: nowrap;
font-size: 12px;
line-height: 16px;
}

#StaffMonthList table tbody tr:nth-child(6n + 4),
#StaffMonthList table tbody tr:nth-child(6n + 5),
#StaffMonthList table tbody tr:nth-child(6n + 6){
background: rgba(240,240,245,1.00);
}
#StaffMonthList table tbody tr:nth-child(even) td {
background: rgba(0,0,0,0.00)
}




/* シフトメール作成 */
#shit-mail-table {
width: 100%;
margin: 10px 0;
}
#shit-mail-table textarea {
height: calc(100vh - 200px);
padding: 5px;
}
#shit-mail-table #shift-mail01 {
padding-right: 5px;
}
#shit-mail-table #shift-mail01 textarea {
background-color: rgba(230,230,230,1.00);
}




@media (max-width: 640px) {
.months-years-table {
width: calc(100vw - 45px);
}
.months-years-table tr td {
display: block;
}
.months-years-table tr td .select-box {
display: inline-block;
width: calc(50% - 1.5em);
}
.months-years-table tr td input[type="button"] {
width: calc(100% - 20px);
padding: 10px!important;
margin: 10px!important;
}
}










/* 勤怠データ＆帳票出力 */
@media (max-width: 640px) {
#AttendanceSheetMake .wao-table {
margin-top: 30px;
}
#AttendanceSheetMake .wao-table td {
display: block;
}
#AttendanceSheetMake .wao-table td input[type="button"] {
margin-bottom: 30px;
}
}




/* 請求書作成 */
@media (max-width: 640px) {
#BillMake .wao-table {
margin-top: 30px;
}
#BillMake .wao-table td {
display: block;
}
#BillMake .wao-table td input[type="button"] {
margin-bottom: 30px;
}
}







/* カレンダー */
#calendar-waku {
width: 100%;
height: auto;
border: 1px solid rgba(180,180,180,1.00);
position: relative;
display: flex;
flex-direction:column;
flex:1 1 0%;
}
.calendar-youbi {
display: flex;
width: 100%;
border-bottom: 1px solid rgba(180,180,180,1.00);
background-color: rgba(88,88,88,1.00);
color: rgba(255,255,255,1.00);
line-height: 20px;
text-align: center;
position: relative;
flex:1 1 0%;
}
.calendar-week {
width: 100%;
min-height: 100px;
border-bottom: 1px solid rgba(180,180,180,1.00);
text-align: center;
position: relative;
display: flex;
flex:1 1 0%;
}
.calendar-days {
display: table-cell;
border-right: 1px solid rgba(180,180,180,1.00);
position: relative;
flex:1 1 0%;
}
.calendar-days > p {
position: relative;
}
.calendar-week:last-child,
.calendar-days:last-child{
border: none;
}
.hall {
width: calc(100% - 2px);
margin: 1px;
display: block;
border-radius: 3px;
z-index: 1;
text-align: left;
overflow: hidden;
line-height: 20px;
height: 20px;
word-break: break-all;
}
.hall:hover p {
min-width: 250px;
width: inherit;
position: absolute;
background-color: inherit;
display: block;
z-index: 9999;
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.50);
box-shadow: 0px 0px 5px rgba(0,0,0,0.50);
}
.calendar-days:nth-child(7) .hall:hover p {
right: 0;
}
.hall01 {
background-color: rgba(255,215,216,1.00);
}
.hall02 {
background-color: rgba(255,215,252,1.00);
}
.hall03 {
background-color: rgba(237,215,255,1.00);
}
.hall04 {
background-color: rgba(220,215,255,1.00);
}
.hall05 {
background-color: rgba(215,221,255,1.00);
}
.hall06 {
background-color: rgba(215,247,255,1.00);
}
.hall07 {
background-color: rgba(215,255,241,1.00);
}
.hall08 {
background-color: rgba(215,255,221,1.00);
}
.hall09 {
background-color: rgba(252,255,215,1.00);
}
.hall10 {
background-color: rgba(255,235,215,1.00);
}

@media (max-width: 640px) {
.hall {
max-width: 100%;
}
.hall:hover p {
width: calc(100vw - 50vw);
}
.calendar-days:nth-child(5) .hall:hover p,
.calendar-days:nth-child(6) .hall:hover p,
.calendar-days:nth-child(7) .hall:hover p {
right: 0;
}
}

/* ↓チーム一覧↓ */
/* #team-edit-wrapper section {
    float: left;
    margin: 0 30px 0 0;
    width: 350px;
} */

#team-wrapper {
    width: 350px;
    /* max-height: calc(100vh - 230px);
    overflow: auto; */
}
#team-wrapper table {
    width: auto;
    border-left-style: none;
}
#team-wrapper thead {
    position: sticky;
    top: 0;
}
#team-wrapper thead td,
#team-wrapper tbody td {
    white-space: nowrap;
}
#team-wrapper tbody td {
    border-right-style: none;
    border-left-style: none;
}
#team-wrapper tbody td img {
    width: 30px;
    height: 30px;
    border-radius: 5px;
}

/* ↓チーム編集↓ */
#team-edit-wrapper {
    width: 350px;
}
#team-edit-wrapper table {
    width: 100%;
}
#team-edit-wrapper table th {
    font-size: 12px;
    border-bottom: 1px solid rgba(200, 200, 200, 1);
    padding: 5px;
    white-space: nowrap;
    font-weight: normal;
    width: 10%;
}
#team-edit-wrapper table td {
    font-size: 12px;
    border-bottom: 1px solid rgba(200, 200, 200, 1);
    padding: 5px;
    white-space: nowrap;
    font-weight: normal;
}
#team-edit-wrapper td label {
    display: inline-block;
    border-radius: 20px;
    background-color: rgba(211, 211, 211, 1);
    padding: 4px 10px;
    min-width: 50px;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
}
#team-edit-wrapper td input + small {
    position: absolute;
    z-index: 100;
    margin: 8px 0px 0px -15px;
}
#team-edit-wrapper textarea {
    height: 10em;
}

/* ↓宴会場一覧↓ */
#enkaijo-wrapper {
    width: 350px;
    /* max-height: calc(100vh - 230px);
    overflow: auto; */
}
#enkaijo-wrapper table {
    width: auto;
    border-left-style: none;
}
#enkaijo-wrapper thead {
    position: sticky;
    top: 0;
}
#enkaijo-wrapper thead td,
#enkaijo-wrapper tbody td {
    white-space: nowrap;
}
#enkaijo-wrapper tbody td {
    border-right-style: none;
    border-left-style: none;
}
#enkaijo-wrapper tbody td img {
    width: 30px;
    height: 30px;
    border-radius: 5px;
}

/* ↓宴会場編集↓ */
#enkaijo-edit-wrapper {
    width: 350px;
}
#enkaijo-edit-wrapper table {
    width: 100%;
}
#enkaijo-edit-wrapper table th {
    font-size: 12px;
    border-bottom: 1px solid rgba(200, 200, 200, 1);
    padding: 5px;
    white-space: nowrap;
    font-weight: normal;
    width: 10%;
}
#enkaijo-edit-wrapper table td {
    font-size: 12px;
    border-bottom: 1px solid rgba(200, 200, 200, 1);
    padding: 5px;
    white-space: nowrap;
    font-weight: normal;
}
#enkaijo-edit-wrapper td label {
    display: inline-block;
    border-radius: 20px;
    background-color: rgba(211, 211, 211, 1);
    padding: 4px 10px;
    min-width: 50px;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
}
#enkaijo-edit-wrapper td input + small {
    position: absolute;
    z-index: 100;
    margin: 8px 0px 0px -15px;
}
#enkaijo-edit-wrapper textarea {
    height: 10em;
}
#enkaijo-edit-wrapper .select-box {
    width: 100%;
}

/* .clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: block;
} */

/* お知らせ編集 */
#edit-info-wrapper table {
    width: 100%;
}
#edit-info-wrapper table th,
#edit-info-wrapper table td {
    font-size: 12px;
    border-bottom: 1px solid rgba(200, 200, 200, 1);
    padding: 5px;
}
#edit-info-wrapper table th {
    white-space: nowrap;
    font-weight: normal;
    width: 10%;
}
/*2024-07-12追加*/
/*
1622行〜1637行までコメントアウト
1693行〜1695行までコメントアウト
*/
#ddcl-select-check {
border: 1px solid rgba(200,200,200,1.00);
width: 400px;
margin-bottom: 10px;
padding: 8px 15px 0;
border-radius: 5px;
background-color: rgba(235,240,245,1.00);
}
.ui-dropdownchecklist-dropcontainer {
background-color: rgba(230,235,240,0.95);
padding: 5px;
border-radius: 5px;
}


#jyugyoin-ichiran .ui-state-active,
#jyugyoin-ichiran .ui-widget-content .ui-state-active,
#jyugyoin-ichiran .ui-widget-header .ui-state-active,
#jyugyoin-ichiran a.ui-button:active,
#jyugyoin-ichiran .ui-button:active,
#jyugyoin-ichiran .ui-button.ui-state-active:hover {
    border: 0px !important;
    background: rgba(235,240,245,1.00) !important;
    font-weight: normal !important;
    color:  black !important;
}
#jyugyoin-ichiran .ui-state-default,
#jyugyoin-ichiran .ui-widget-content .ui-state-default,
#jyugyoin-ichiran .ui-widget-header .ui-state-default,
#jyugyoin-ichiran .ui-button,
html #jyugyoin-ichiran .ui-button.ui-state-disabled:hover,
html #jyugyoin-ichiran .ui-button.ui-state-disabled:active {
    border: 0px !important;
    background: rgba(235,240,245,1.00) !important;
    font-weight: normal !important;
    color:  black !important;
}