@import url('Common.css');
@import url('Spinner.css');


#target {
    width: 150%;
    position: relative;
}
h1 {
    margin: 0;
    width: 100%;
}
h1 img {
    vertical-align: middle;
    width: 1.8rem;
    margin-bottom: 0.3rem;

}
h1 input {
    opacity: 0;
}
.prev, .next {
    display: inline-block;
    cursor: pointer;
    font-size: 2rem;
}
.calendar-icon {
    cursor: pointer;
}
#syukujitsuArea {
    color: var(--accent-color);
    font-size: 1.2rem;
    width: 200px
}
.reload, .yoyaku-list {
    display: inline-block;
    width: auto;
    padding: 0 0.2rem;
    margin: 0 0 0.4rem;
    background-color: var(--accent-color);
    color: white;
    font-size: 1rem;
    border-radius: 0.2rem;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
table {
 width: 99%;	
 border-collapse: collapse;	
 border: 1px solid rgb(100, 100, 100);	
 table-layout: fixed;	
 margin: 0.5%;
 background-color: #FCFCFC;	
}
.capa-table {
    margin-top: 0px;
}
#saikousei {
    cursor: pointer;
}
.staff-table {
    margin-bottom: 100px;
}
th {
 border: 1px solid rgb(100, 100, 100);	
 background-color: var(--base-color);	
 line-height: 1rem;	
}
.time {
 text-align: left;	
}
td {
 border: 1px solid rgb(100, 100, 100);	
 padding: 0;
}
td:nth-child(2n) {
 border-right-width: 1px;	
 border-right-style: dotted;	
}
td:nth-child(2n+1) {
 border-left-width: 1px;	
 border-left-style: dotted;	
}
.left {
 width: 250px;	
 background-color: var(--base-color);
}
.leftleft {
    width: 125px;
    background-color: var(--baseth-color);	
}
.leftright {
    width: 125px;
    background-color: var(--base-color);	
}
.sukima {
 line-height: 8px;	
 height: 8px;
 border-bottom-width: 1px;	
 border-bottom-style: dashed;	
 border-bottom-color: rgb(100, 100, 100);	
}
.room {
 height: 3rem;	
 border-top-width: 1px;	
 border-top-style: dashed;	
 border-top-color: rgb(100, 100, 100);
 position: relative;
}
.waku {
    width: 100%;
    height: 100%;
    background-color: #DFE;
    border: 2px #BDC solid;
    border-radius: 0rem;
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0%;
}
.teikyubi {
    position: fixed;
    left: 30%;
    width: 40%;
    top: 30vh;
    height: 20vh;
    font-size: 5rem;
    border: 6px #666 double;
    border-radius: 1rem;
    line-height: 20vh;
    text-align: center;
}
.grey {
    background-color: #AAA;
}
.blue {
    background-color: #9AC;
}
.hit-name {
    cursor: pointer;
}
.indicator {
    position: absolute;
    width: 2px;
    background-color: var(--accent-color);
}
.yoteiBtn {
    color:black;
}
.popup-container {
    z-index: 2000;
}
.mail a {
    height: 2rem;	
    line-height: 2.2rem;
}
@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}