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

#page1,#page2{
    position:relative;
    box-sizing:border-box;
}
.print_title_display{
    position:relative;
    display:none;
}
.screen_month{
    position:relative;
    display:block;
    font-weight:bold;
}
@media screen{
    #screen_title{
        position:relative;
        display:flex;
        flex-direction:row;
        align-items: center;
        justify-content: center;
        color:white;
        background-color:green;
    }
    #page1,#page2{
        display:block;
        background-color:white;
        margin-bottom: 10px;
    }
    .QR{
        display:none;
    }
    .oneDaySpace{
        display:flex;
        flex-direction: row;
        box-sizing:border-box;
        width:100%;
        border-bottom: solid black 1px;
    }
    .brdate,.brdateE{
        display: none;
    }
    .date{
        box-sizing:border-box;
        position:relative;
        min-width:60px;
        display:flex;
        flex-direction:column;
        justify-content: center;
        align-items:center;
        border-right:dotted black 0.25px;
        margin-right:0.5em;
    }
    .content{
        width:calc(100%-60px);
    }
    .content_url{
        display: flex;
        justify-content: center;
        align-items: center;
        width:130px;
        height:30px;
        background-color:grey;
        border-radius:10px;
        color:white;
        font-weight:bold;
        margin-bottom:5px;
    }
    .Sun{
        background-color:#FFA1A3;
    }
    .Sat{
        background-color:#7170FF;
    }
}
@media screen and (min-width:600px){
    #content_area{
        height:auto;
    }
    #page1,#page2{
        position:relative;
        width:600px;
        margin:0 auto;
        padding:10px;
        height:auto;
    }
}
@media screen and (min-width:1024px){
    main{
        display:flex;
        flex-direction:row;
    }
    #page1,#page2{
        width:100%;
        margin:0px;
        padding:10px;
    }
    #page1{
        margin-right:10px;
    }
}
@media print{
    #screen_title{
        display:none;
    }
    main{
        display:block;
    }
    #page1,#page2{
        width:210mm;
        height:297mm;
        padding:5mm;
    }
   .print_title_display{
       display:flex;
       box-sizing:border-box;
       flex-direction:row;
       width:100%;
       height:32mm;
       border-bottom: solid 1px black;
       margin:0;
       padding:0;
       overflow: hidden;
    }
    .print_title{
        position:relative;
        box-sizing:border-box;
        width:70mm;
        margin:auto 0 auto 0;
        padding:2mm;
    }
    .print_title img{
        width:100%;
    }
    .print_title_read{
        position:relative;
        width:80mm;
        margin:auto 0 0 0;
        font-size:8pt;
    }
    .print_title_read_bold{
        font-size:9pt;
        font-weight:bold;
    }
    .print_month{
        position:relative;
        margin-top:auto;
        margin-right:5mm;
        margin-left:auto;
    }
    .print_month_ja{
        font-weight:bold;
        font-size:12pt;
    }
    .print_month_en{
        text-align:center;
    }
    .print_month_num{
        font-size:18pt;
    }
    .screen_month{
        display:none;
    }
    .oneMonthSpace{
        box-sizing:border-box;
        width:100%;
        height:255mm;
        overflow: hidden;
    }
    .oneWeekSpace{
        position:relative;
        box-sizing:border-box;
        display:flex;
        flex-direction: row;
        width:100%;
        height:42.5mm;
        border-bottom:solid 0.1mm black;
        border-left:solid 0.1mm black;
        border-right:solid 0.1mm black;
    }
    .oneDaySpace{
        position:relative;
        box-sizing:border-box;
        top:0mm;
        width:28.5mm;
        padding:2mm;
        border-right:solid 0.1mm black;
        margin:0;
        overflow: hidden;
    }
    .oneDaySpace.Sat{
        border-right:none;
    } 
    .Sat .date{
        color:blue;
    }
    .Sun .date{
        color:red;
    }
    .date{
        display:flex;
        flex-direction:row;
    }
    .content_title{
        font-size:8pt;
    }
    .content_main{
        display:none;
    }
    .content_url{
        display:none;
    }
    .QR{
        position:absolute;
        left:2mm;
        bottom:2mm;
    }
    .brdate{
        border:none;
    }
    .brdateE{
        border-right:solid 0.1mm black;
    }
}