@charset "utf-8";
/* CSS Document */


/*calendar0001-005-php-css.css*/
@media screen and (min-width:411px) and ( max-width:2000px){
    /*　画面サイズが420pxから2000pxまではここを読み込む　*/



/*画面の　大外　 枠*/
/*div.pc_grandparent_calendar*/
div.pc_grandparent_calendar01{
display: block;
    width: 850px;
    height: auto;
border-width: 1px;
  border-style: solid;
  border-color: #000;

margin: 5px;

}

    /*月　外枠*/
/*div.pc_parent_calendar*/
div.pc_parent_calendar01{
display: inline-block;
    width: 400px;
    height: auto;
/*font-size: 0;*/
border-width: 1px;
  border-style: solid;
  border-color: #000;
vertical-align : top; 
margin: 5px;

}


/*　2020年11月 枠　　　曜日　枠*/
    /*div.pc_child_calendar01*/
div.pc_child01_calendar01{
display: inline-block;
  width:380px;
    height:35px;
  border-width: 0px 0.5px 0.5px 0px;
  border-style: solid;
  border-color: #000;
  text-align: center;
 
    padding: 1px;

}
    
     /* 月　の数字　休み　予定　外枠 */
div.pc_child02_calendar01{
display: inline-block;
  width:380px;
    height:auto;
  border-width: 0px 0.5px 0.5px 0px;
  border-style: solid;
  border-color: #000;
  
  text-align: left;
 
  padding: 1px;/*余白も指定できる*/

}
/*
div.pc_child02_calendar01.end{
  display: flex;
  text-align: end;
}
  
    
    p.pc_calendar_month_css{
        display: inline-block;
        width: 200px;
            height:45px;
        font-size: 18px;
        padding: 5px;
         text-align: left;
    }
    */
    
      /* div 日々の　数字　休み　予定　外 枠　*/
    
   div.pc_calendar_day_parent_css{
        display: inline-block;
        width: 52px;
            height:170px;
        /*font-size: 18px;*/
        padding: 1px;
       vertical-align : top; 
      /* text-align: left;*/
    }
    
     /* div 日々の　数字  　枠　*/
    div.p_pc_calendar_day_child01_css{
        display: inline-block;
        width: 45px;
            height:25px;
       /* font-size: 12pt;
        padding:1px;*/
        vertical-align : top; 
       /* text-align:center;*/
    }
    
     /* div 日々の　  休み　枠　*/
    div.p_pc_calendar_day_child02_css{
        display: inline-block;
        width: 45px;
            height:45px;
       /* font-size: 12pt;
        padding:1px;*/
        vertical-align : top; 
       /* text-align:center;*/
    }
    
    /* div 日々の　yotei　枠　*/
    div.p_pc_calendar_day_child03_css{
        display: inline-block;
        width: 45px;
            height:25px;
        /*font-size: 11pt;*/
        padding:1px;
        vertical-align : top; 
       /* text-align: left;*/
    }
     
    /*曜日文字*/
    p.pc_calendar_hizuke_css{
        display: inline-block;
        width: 40px;
            height:auto;
        font-size: 18px;
        padding: 1px;
         text-align: center;
    }
    
    
     /*日付　数字文字　*/
    p.pc_calendar_youbi_css{
        display: inline-block;
        width: 45px;
            height:auto;
        font-size: 18px;
        padding: 1px;
         text-align: center;
    }
     /*日付　休み文字　*/
     p.pc_calendar_yasumi_css{
        display: inline-block;
        width: 45px;
            height:auto;
        font-size: 12px;
        padding: 1px;
         text-align: center;
    }
    
    
      /*日付　予定　文字　*/
     p.pc_calendar_yotei_css{
        display: inline-block;
        width: 45px;
            height:auto;
        font-size: 15px;
        padding: 1px;
         text-align: center;
    }
    p.pc-text-font{
        
   font-size:18px; }
    
    p.sun_font_color_css{
       color: red;
         text-align: left;
    }    
    
      p.sat_font_color_css{
        color: blue;
         text-align: left;
    } 
    
     p.today_font_color_css{
        background-color: orange;
         text-align: left;
    } 
    

}