/*------------------------------------------------------------
BODY BASIC
------------------------------------------------------------*/


/*------------------------------------------------------------
RESPONSIVE
------------------------------------------------------------*/
.pconly{ display:none; }
.sponly{ display:block; }



/*------------------------------------------------------------
	CONTENT
------------------------------------------------------------*/


/*------------------------------------------------------------
	AVAIL ARCHIVE（TOP）
------------------------------------------------------------*/
.roomListT{
width:100%;
table-layout:fixed;
}
.roomListT th{
border:1px solid #ccc;
padding:2vw;
}
.roomListT td{
border:1px solid #ccc;
padding:2vw;
}




.room-av-link a{
display:block;
padding:2vw 6vw;
background:#0c7bff;
color:#fff;
font-weight:bold;
text-align:center;
border-radius:25px;
text-decoration:none;
}

/*------------------------------------------------------------
SINGLE
------------------------------------------------------------*/

article{
width:100vw;
margin:0 auto;
}

.av-content{
width:100%;
margin:0 auto;
}
.av-content h3{
font-size:1.6em;
line-height:1.7;
margin-bottom:1.5em;
}


.availT{
width:100%;
margin:0 auto;
border:1px solid #ccc;
font-size:3vw;
line-height:1;
}
.availT thead th{
padding:3vw 1vw;
text-align:center;
font-weight:normal;
border:1px solid #ccc;
background:#888888;
color:#fff;
}
.availT thead th.sat{ background:#0c7bff; }
.availT thead th.sun{ background:#ff4747; }

.availT tbody tr.t-date{
font-size:1.5em;
font-style:italic;
font-weight:500;
}
.availT tbody tr.t-date td{
padding:1vw 2vw;
border-top:1px solid #ccc;
text-align:right;
}


.availT tbody td{
padding:1vw 2vw;
text-align:center;
border-right:1px solid #ccc;
font-weight:bold;
}

.availT tbody td span{
display:block;
font-size:2vw;
line-height:2;
}

.availT tbody td.t-sat{ color:#0c7bff; }
.availT tbody td.t-sun{ color:#cc2728; }

.availT tbody tr.t-morning{ background:#ecf8ff; }
.availT tbody tr.t-afternoon{ background:#ffffec; }
.availT tbody tr.t-night{ background:#eee; }

.availT tbody tr.t-morning td,
.availT tbody tr.t-afternoon td,
.availT tbody tr.t-night td{
border-right:1px solid #ccc;
}

.availT tbody td.today{
background:#87CEEB;
}
.large-circle{
font-weight:900;
text-shadow: 0.07em 0 0 black, -0.07em 0 0 black, 0 0.07em 0 black, 0 -0.07em 0 black;
}

.cal-cap{
font-size:3.5vw;
line-height:2;
margin-top:2vw;
}



.nav-links {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2vw;
}

.prev-link, .next-link {
    padding: 1vw 3vw;
    background-color: #f1f2f2;
    text-decoration: none;
    border-radius: 4px;
    color: #0c7bff;
transition:all .2s;
font-weight:bold;
}