/*------------------------------------------------------------
	FOR PC LAYOUT CSS
------------------------------------------------------------*/
@media screen and (min-width:768px){

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

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


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


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




.room-av-link a{
display:block;
padding:10px 30px;
background:#0c7bff;
color:#fff;
font-weight:bold;
text-align:center;
border-radius:25px;
text-decoration:none;
transition:all .2s;
}
.room-av-link a:hover{
background:#0060e8;
}


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

article{
width:1200px;
margin:0 auto;
}

.av-content{
width:auto;
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:14px;
line-height:1;
}

.availT thead th{
padding:15px;
text-align:center;
font-weight:normal;
border:1px solid #ccc;
}
.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:5px 10px;
border-top:1px solid #ccc;
text-align:right;
}

.availT tbody td{
padding:5px 10px;
text-align:center;
border-right:1px solid #ccc;
}
.availT tbody td span{
display:block;
font-size:12px;
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;
}


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

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

.prev-link:hover, .next-link:hover {
    background-color: #0c7bff;
color:#fff;
}


.cal-cap{
font-size:13px;
line-height:2;
margin-top:20px;
}



/*------------------------------------------------------------
	END PC LAYOUT CSS
------------------------------------------------------------*/
}