.hcol00,.hcol01,.hcol02,.hcol03,.hcol04,.hcol05,.hcol06,.colopn,.colsun,.colhol,.colsat,.colhaf,.colchg,.colbl{
vertical-align: middle; 
font-weight:bold;
font-size: 120%;
padding: 0 5px;
color: #5E92CE;
box-shadow:0.5px 0.5px 1px 1px #F6EEDF inset;
border: 5px solid #FCF7DE;
}
.hcol00{background: #F1B4AC; color:#DC3A23;}/*日*/
.hcol01{background: #C7DCEF;}/*月*/
.hcol02{background: #C7DCEF;}/*火*/
.hcol03{background: #C7DCEF;}/*水*/
.hcol04{background: #C7DCEF;}/*木*/
.hcol05{background: #C7DCEF;}/*金*/
.hcol06{background: #A3E2E5;color:#1970AF;}/*土*/
.colopn{background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%,#ffffff 50%, #ffffff 100%); }/*平日・通常診療*/
.colsun{background: #FFD2DE; color:#FF8AA9}/*休診*/
.colhol{background: #A3E2E5;}/*変更あり*/
.colsat{background: linear-gradient(180deg, #ffffff 0%,#ffffff 50%,#FFD2DE 50%, #FFD2DE 100%); }/*午後休診*/
.colchg{background: linear-gradient(180deg, #AAE7B7 0%, #AAE7B7 50%,#AAE7B7 50%, #AAE7B7 100%);}/*午前通常・午後変更あり*/
.colhaf{background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%,#FFD2DE 50%, #FFD2DE 100%);}/*午前診療*/
.colbl{background: #F4F4F7; color:#031815;}/*空白*/

.cal_admin{
width: 95%;
background: #FCF7DE;
border-radius: 10px;
padding: 10px 0 15px;
max-width: 600px;
box-shadow: 0px 2px 5px 5px rgba(0,124,255,0.10);
}
.top_cal_flex{
display: flex;
flex-direction: row;
}
.caltable {
padding: 10px 10px 10px 10px;
}
.caltable table {
border-collapse: collapse;
text-align: center;
width: 100%;
   
}
.cal_title {
padding: 10px 0 0 20px;
}
.title_large {
font-size:130%;
color:#203873;
text-align: center;
font-weight: bold;
padding: 5px 8px;
line-height: 1;
text-decoration: none;
}
.title_small{
font-size:100%;
color:#204F03;
font-weight: bold;
text-decoration: none;
}
/*.title_small::before{
content: "＞";
}*/

.caltitle2 {
line-height: 1.2;
padding: 0px 0px 10px;
}
.caltitle2 div{
padding: 0 0 8px 30px;
text-indent: -30px;
font-size:95%;   
} 
.bace_bbb{
font-weight: 600;
color: #202f55;
font-size:110%;
} 
.shikaku{
background-color: #FFD2DE;
display: inline-block;
height: 10px;
margin: 0 3px;
position: relative;
top: 0;
width: 18px;
border: solid 0.5px #6e9dd3;
}
.shikaku00{
background-color: #ffffff;
display: inline-block;
height: 10px;
margin: 0 3px;
position: relative;
top: 0;
width: 18px;
border: solid 0.5px #6e9dd3;
}

.shikaku01{
background-color: #AAE7B7;
display: inline-block;
height: 10px;
margin: 0 3px;
position: relative;
top: 0;
width: 18px;
border: solid 0.5px #6e9dd3;
}
.shikaku02{
background-color: #EEAC00;
display: inline-block;
height: 10px;
margin: 0 3px;
position: relative;
top: 0;
width: 18px;
border: solid 0.5px #6e9dd3;
}
.shikaku03{
background-color: #FBFF5F;
display: inline-block;
height: 10px;
margin: 0 3px;
position: relative;
top: 0;
width: 18px;
border: solid 0.5px #6e9dd3;
}
@media screen and (max-width: 1200px){
.hcol00,.hcol01,.hcol02,.hcol03,.hcol04,.hcol05,.hcol06,.colopn,.colsun,.colhol,.colsat,.colhaf,.colchg,.colbl{
font-size: 110%;
height: auto;
}
.caltitle2 {
font-size:95%;
padding: 10px 5px 30px 0;
}
}
/*　iPadサイズ　----------------------------------*/

@media screen and (max-width: 950px){
.hcol00,.hcol01,.hcol02,.hcol03,.hcol04,.hcol05,.hcol06,.colopn,.colsun,.colhol,.colsat,.colhaf,.colchg,.colbl{
font-size: 100%;
}
.caltitle2 {
font-size:90%;
padding: 10px 5px 30px 10px;
}
}
@media screen and (max-width: 789px){
.caltable {
margin: 10px auto;
padding: 0;
width: 90%;
}
.cal_admin{
width: 97%;
padding: 5px 0 10px;
border-radius: 10px;
margin: 10px auto;
}

.caltitle2 {
padding: 10px 5px 30px 20px;
}
.cal_title {
padding: 20px 0 5px;
text-align: center;
}
}
@media screen and (max-width: 520px){
.hcol00,.hcol01,.hcol02,.hcol03,.hcol04,.hcol05,.hcol06,.colopn,.colsun,.colhol,.colsat,.colhaf,.colchg,.colbl{
padding: 5px 0;
font-size: 95%;
box-shadow:0px 0px 1px 1px #54E325 ;
border:5px solid #F7F4D2;
}

.cal_admin{
width: 96%;
padding: 5px 10px 20px;
border-radius: 10px;
}
.top_cal_flex{
justify-content: center;
right: 0;
top:0;
flex-direction: column-reverse;
}
.shikaku,.shikaku00,.shikaku01,.shikaku02,.shikaku03{
height: 13px;
width: 19px;
margin: 0px 3px 0px 0;
}

.caltitle2 {
line-height: 1.2;
padding: 10px 0px;
width: 95%;
margin: auto;
}
}
@media screen and (max-width: 350px){
.caltable {
margin: 10px auto;
padding: 0;
width: 95%;
}
}