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


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




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

        margin: 1px;

    }

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

    }


    /*　2020年11月 枠　　　曜日　枠*/
    /*div.pc_child_calendar01*/
    div.mb_child01_calendar01{
        display: inline-block;
        width:360px;
        height:30px;
        border-width: 0px 0.5px 0.5px 0px;
        border-style: solid;
        border-color: #000;
        text-align: left;

        padding: 1px;

    }

    /* 月　の数字　　外枠 */
    div.mb_child02_calendar01{
        display: inline-block;
        width:360px;
        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.mb_calendar_day_parent_css{
        display: inline-block;
        width: 46px;
        height:auto;
        /*font-size: 18px;*/
        padding: 1px;
        vertical-align : top;
        /* text-align: left;*/
    }

    /* div 日々の　数字  　枠　*/
    div.mb_calendar_day_child01_css{
        display: inline-block;
        width: 40px;
        height:25px;
        /* font-size: 12pt;
         padding:1px;*/
        vertical-align : top;
        /* text-align:center;*/
    }

    /* div 日々の　  休み　枠　*/
    div.mb_calendar_day_child02_css{
        display: inline-block;
        width: 40px;
        height:35px;
        /* font-size: 12pt;
         padding:1px;*/
        vertical-align : top;
        /* text-align:center;*/
    }

    /* div 日々の　yotei　枠　*/
    div.mb_calendar_day_child03_css{
        display: inline-block;
        width: 40px;
        height:40px;
        /*font-size: 11pt;*/
        padding:0px;
        vertical-align : top;
        /* text-align: left;*/
    }

    /*曜日文字*/
    p.mb_calendar_youbi_css{
        display: inline-block;
        width: 45px;
        height:auto;
        font-size: 15px;
        padding: 1px;
        text-align: center;
    }


    /*日付　数字文字　*/
    p.mb_calendar_hizuke_css{
        display: inline-block;
        width: 35px;
        height:auto;
        font-size: 15px;
        padding: 1px;
        text-align: center;
    }
    /*日付　休み文字　*/
    p.mb_calendar_syukujitu_css{
        display: inline-block;
        width: 35px;
        height:auto;
        font-size: 12px;
        padding: 1px;
        text-align: center;
    }


    /*日付　予定　文字　*/
    p.mb_calendar_yotei_css{
        display: inline-block;
        width: 35px;
        height:auto;
        font-size: 14px;
        padding: 1px;
        text-align: center;
        vertical-align : top;
    }
    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;
    }


}