html {
    background-color: white;
    background-size: auto 100%;
    height: 100%;
}
body {
    text-align: center;
    padding: 0;
    margin: auto;
    height: 100%;
    font-family: 'MS Gothic', sans-serif;
    font-size: small;
}
.wrapper {
    height: 100%;
    min-height: 100vh;
    position: relative;
    padding-bottom: 40px;
    box-sizing: border-box;
}
header {
    position: relative;
    top: 0;
}
.header {
    background-color: green;
    color: white;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content:center;
}
#menubtn{
    display:none;
}
.w1000{
    max-width:1000px;
    margin: 0 auto;
}
nav{
    display:none;
}
.nav-hidden{
    display:none;
}
.contents
{
    max-width: 1000px;
    margin: auto;
    padding-left:5px;
    
}
.lbltitle {
    background-color: #99CCFF;
}
.lbldata {
    background-color: #FFFFFF;
}
.lbldata2 {
    background-color: #FFFFCC;
}
.holiday {
    color:red;
}
.saturday {
    color:blue;
}
.linkmonth
{
    display:flex;
    flex-wrap: wrap;
    margin-top:20px;
}
.movemonth
{
    display:none;
}
.month
{
    min-width:100px;
    padding-right: 5px;
}
.memo {
    margin-top:20px;
    padding-left:5px;
    text-align: left;
}
.memotxt {
    font-weight: bold;
}
.kigotxt {
	display: grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-auto-rows: minmax(23px, auto);
    min-width: 0;
    font-weight: bold;
}
.now {
    display:flex;
    flex-direction: row-reverse;
    padding-right:5px;
}
.roomgrid {
    display: grid;
    grid-template-columns: 7fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-rows: minmax(23px, auto);
    min-width: 0;
    max-width:1000px;
}
.rmmobilegrid {
    display:none;
}
.tableborder1 {
    border: 1px solid #000000;
}
.tableborder2 {
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.tableborder3 {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.tableborder4 {
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.roomtitle {
    grid-column:span 2;
    grid-row:span 3;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.roomname {
    grid-row:span 3;
}
.monthtitle {
    grid-column:span 31;
}
.centercel {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.leftcel {
    display: flex;
    text-align: left;
    justify-content: left;
    align-items: center;
}
.rightcel {
    display: flex;
    text-align: right;
    justify-content: right;
    align-items: center;
}