.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: #28A000;
box-shadow:0.5px 0.5px 1px 1px #54E325 inset;
border: 5px solid #F7F4D2;
}
.hcol00{background: #F1B4AC; color:#DC3A23;}/*日*/
.hcol01{background: #A3E8AD;}/*月*/
.hcol02{background: #A3E8AD;}/*火*/
.hcol03{background: #A3E8AD;}/*水*/
.hcol04{background: #A3E8AD;}/*木*/
.hcol05{background: #A3E8AD;}/*金*/
.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, #ffffff 0%, #ffffff 50%,#A3E2E5 50%, #A3E2E5 100%);}/*午前通常・午後変更あり*/
.colhaf{background: linear-gradient(180deg, #A3E2E5 0%, #A3E2E5 50%,#FFD2DE 50%, #FFD2DE 100%);}/*午前変更・午後休診*/
.colbl{background: #F7F4D2; color:#031815;}/*空白*/

.cal_admin{
width: 97%;
background: rgba(247,244,210,0.70);
border-radius: 30px;
padding: 10px 0 15px;
}
.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:#02A541;
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: 10px 0px
}
.caltitle2 div{
padding: 0 0 8px 30px;
text-indent: -30px;
 font-size:95%;   
} 
.bace_bbb{
font-weight: 600;
color: #28A000;
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 #0AC154;
}
.shikaku00{
background-color: #ffffff;
display: inline-block;
height: 10px;
margin: 0 3px;
position: relative;
top: 0;
width: 18px;
border: solid 0.5px #0AC154;
}

.shikaku01{
background-color: #CBEBEF;
display: inline-block;
height: 10px;
margin: 0 3px;
position: relative;
top: 0;
width: 18px;
border: solid 0.5px #0AC154;
}
.shikaku02{
background-color: #EEAC00;
display: inline-block;
height: 10px;
margin: 0 3px;
position: relative;
top: 0;
width: 18px;
border: solid 0.5px #0AC154;
}
.shikaku03{
background-color: #FBFF5F;
display: inline-block;
height: 10px;
margin: 0 3px;
position: relative;
top: 0;
width: 18px;
border: solid 0.5px #0AC154;
}
@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;
}
.cal_admin{
width: 97%;
margin: 0 auto;
padding: 10px 0 5px;
}

}
@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;
}

.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;
}
.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%;
}
}