/* -----main----- */

main{
width:910px;
height:450px;
padding:20px;

overflow-y:scroll;
}

h2{
padding-top:0px;
}

#main_cal{
text-align:center;
margin-top:20px;
margin-bottom:20px;
}

.schedule{
margin-right:130px;
margin-left:130px;
}

main ul{
margin-top:20px;
margin-left:20px;
}

hr{
margin-left:-20px;
}

main a::before{
content:none;
}

/* ----- table ----- */

table{
width:700px;
height:330px;
margin:20px auto 20px auto;
border-spacing:0;
border:1px solid #302720;
border-right:none;
border-bottom:none;
}

th{
width:100px;
height:30px;
font-weight:normal;
background-color:#F2EEEA;
border:none;
border-right:1px solid #302720;
border-bottom:1px solid #302720;
}

tr{
height:30px;
border:none;
}

td{
width:100px;
background-color:#F2EEEA;
padding-left:7px;
vertical-align:top;
border:none;
border-right:1px solid #302720;
border-bottom:1px solid #302720;
}

.data{
border-bottom:none;
background-color:#E8B79C;
}

.sche{
background-color:#E8B79C;
}

.yasumi{
background-color:#ccc;
}

.mini{
font-size:80%;
}

.sun{
color:#C2632E;
}

.sat{
color:#2e66c2;
}



@media screen and (max-width:500px){ /* max px以下の画面はここ */

main{
width:90%;
height:100%;
overflow-y:hidden;
order:4;
margin:20px auto;
}

table{
width:100%;
}

th{
width:14%;
}

td{
width:14%;
}


.schedule{
margin:10px 0 10px 20px;
}

}  /* ----- responsive ここまで ----- */