.caltable table .hcol00  { text-align: center; border-color:transparent; border-bottom-color:#F8E062; background: transparent; color:#F34603; font-size:11px; height:25px; vertical-align: middle; }
.caltable table .hcol01  { text-align: center; border-color:transparent; border-bottom-color:#F8E062; background: transparent; color:#031815; font-size:11px; height:25px; vertical-align: middle; }
.caltable table .hcol02  { text-align: center; border-color:transparent; border-bottom-color:#F8E062; background: transparent; color:#031815; font-size:11px; height:25px; vertical-align: middle; }
.caltable table .hcol03  { text-align: center; border-color:transparent; border-bottom-color:#F8E062; background: transparent; color:#031815; font-size:11px; height:25px; vertical-align: middle; }
.caltable table .hcol04  { text-align: center; border-color:transparent; border-bottom-color:#F8E062; background: transparent; color:#031815; font-size:11px; height:25px; vertical-align: middle; }
.caltable table .hcol05  { text-align: center; border-color:transparent; border-bottom-color:#F8E062; background: transparent; color:#031815; font-size:11px; height:25px; vertical-align: middle; }
.caltable table .hcol06  { text-align: center; border-color:transparent; border-bottom-color:#F8E062; background: transparent; color:#40aed8; font-size:11px; height:25px; vertical-align: middle; }

.caltable table .colopn  { text-align: center; background: #ffffff; color:#808080; font-size:11px; height:25px; vertical-align: middle; font-weight:bold; }
.caltable table .colsun  { text-align: center; background: #FC7C00; color:#FFFFFF; font-size:11px; height:25px; vertical-align: middle; font-weight:bold; }
.caltable table .colhol  { text-align: center; background: #FC7C00; color:#FFFFFF; font-size:11px; height:25px; vertical-align: middle; font-weight:bold; }
.caltable table .colsat  { text-align: center; background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #FC7C00 50%, #FC7C00 100%); color:#808080; font-size:11px; height:25px; vertical-align: middle; font-weight:bold; }
.caltable table .colhaf  { text-align: center; background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #FC7C00 50%, #FC7C00 100%); color:#808080; font-size:11px; height:25px; vertical-align: middle; font-weight:bold; }
.caltable table .colchg  { text-align: center; background: #FCEE21; font-size:11px; height:25px; vertical-align: middle; font-weight:bold; }
.caltable table .colbl   { text-align: center; background: #FFE0A2; color:#031815; font-size:11px; height:25px; vertical-align: middle; font-weight:bold; }

.calframe {
position: absolute;
top: -4%;
right: 2%;
width: 30%;
padding: 20px;
/*	min-width: 270px; */
background-color: rgba(250, 229, 193, 0.28);
}
.caltable {
padding: 5px;
/*    margin-bottom: 10px; */
font-weight: bold;
color: #FF8905;/*文字色*/
border: solid 3px #FFE0A2;		/*枠線*/
border-radius: 10px;			/*角の丸み*/
width: auto;
/*	height: 80%; */
/*	text-align: center; */
}
.caltable table {
border-collapse: collapse;
width: 100%;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}
.caltable table tbody {
overflow-y: scroll;
height: auto;
}
.caltable table td,.caltable table th {
padding: 0px 0px;
border: solid 1px #FFE0A2;/* 全体の線 */
}
.cal_title {
font-size:24px;
display: inline-block;
width: 100%;
text-align: center;
font-weight: bold;
}
.caltitle2 {
display: inline-block;
width: 100%;
text-align: left;
background: rgba(252,249,249,0.70);
}
.caltable p {
margin: 0; 
padding: 0;
}
span.aks {
font-weight: 400;
font-size: 85%;
}
.title_large {
font-size:20px;
color: #FC7C00;
width: 100%;
text-align: center;
font-weight: bold;
}
.title_small {
font-size:15px;
color:#FBB03B;
font-weight: bold;
}
.shikaku01{
background-color: #FC7C00;
display: inline-block;
height: 10px;
margin: 0 3px;
position: relative;
top: 0;
width: 10px;
border: solid 0.5px #000000;
}
.shikaku02{
background-color: #ffffff;
display: inline-block;
height: 10px;
margin: 0 3px;
position: relative;
top: 0;
width: 10px;
border: solid 0.5px #000000;
}
.shikaku03{
background-color: #FCEE21;
display: inline-block;
height: 10px;
margin: 0 3px;
position: relative;
top: 0;
width: 10px;
border: solid 0.5px #000000;
}
@media screen and (max-width: 960px){
.caltitle2 {
font-size:13px;	
}
.calframe{
width: 40%;
}
}
/*iPadサイズ*/
@media screen and (max-width: 768px){
.calframe{
position: static;
width: 70%;
padding: 10px;
margin: 0 auto;
border-top-right-radius: 0;
border-top-left-radius: 0;
margin-bottom: 20px;
}
.cal_title {
font-size:20px;
}
.caltitle2 {
font-size:13px;
}
}
@media only screen and (max-width:479px) {
.calframe{
width: 85%;
}
}