/* pc用css */

/* スケジュールページ */

#schedule_main_menu{
    width:15rem;
}
.schedule_right{
    position:right;
    display:flex;
}
#schedule_main_menu ul{
    list-style:none;
}

#schedule_main_menu button{
    display:inline-block;
    width:100%;
    font-size:1.5rem;
}

#schedule_main_menu button{
    width:100%;
    background:olive;
    color:ghostwhite;
    text-align:justify-all;
    border-radius:0.8rem;
}
.schedule_right{
    padding-left:1.5em;	
}
#schedule_detail{
    order:1;
}
#result{
    order:2;
}
/* 月カレンダー */
.month_calendar{
    width:500px;
    background:ghost-white;
    text-align:right;
    padding:0.5rem;
    color:olive;
    opacity:0.6;
    font:bold 1.5rem "Sawarabi Gothic";
}

.month_calendar tr td:nth-of-type(6){
    color:blue;
}

.month_calendar tr td:nth-of-type(7){
    color:red;
}
.month_plans{
    background: linear-gradient(
    transparent 80%,
    aqua 80%);
}
.month_adjustment{
    background: linear-gradient(
    transparent 80%,
    yellow 80%);
}
.month_both{
    background: linear-gradient(
    transparent 50%,
    aqua 50%,
    aqua 70%,
    transparent 70%,
    transparent 80%,
    yellow 80%
);
}
.month_time{
    color:gray;
    font-size:1.5rem;
    border-bottom:3px solid aqua;
    margin:1rem;
}

/* 月替えスライダー */
#month_slide{
    display:flex;
    justify-content:space-around;
    width:600px;
}

#month_slide button{
    background:lightsteelblue;
    border-radius:10px;
    font-size:1.5rem;
    color:white;
}

/* 週間カレンダー */
.week_calendar{
    width:500px;
    background:ghost-white;
    text-align:right;
    padding:0.5rem;
    margin-bottom:5rem;
    color:olive;
    opacity:0.6;
    font:bold 2rem "Sawarabi Gothic";
}
.week_calendar td{
    background:silver;
    padding:1rem;
    border: 0.2rem solid silver;
}
.week_calendar tr td:nth-of-type(6){
    color:blue;
}

.week_calendar tr td:nth-of-type(7){
    color:red;
}
.choice_date_td{
    background:ghost-white;
}

/* edit部分 */	
#edit_button input[type="radio"]{
    display:none;
}


#record_button:checked ~ #record_label{
    background:olive;
    color:white;
    text-shadow:1px 2px 2px ghostwhite;
}
#edit_button label{
    border:inset 0.3rem olive;
    display:inline-block;
    color:olive;
    border-radius:0.5em;
    width:8em;
    font-size:1.5em;
    text-align:center;
}

#edit_button input[type="radio"]:checked + label{
    background:olive;
    color:white;
    text-shadow:1px 2px 2px ghostwhite;
}

.moc input[type="checkbox"]{
    display:none;
}

.moc input[type="checkbox"]:checked + label{
      background:aqua;
      color:black;
}

.moc label{
    font-size:1.2em;
    border:outset 0.3rem gray;
    width:6.5em;
    color:gray;
    display:block;
    
}

/* スケジュール表示 */

.adjustment_board{
    background-color:aqua;
    border:double 0.3rem aqua;
    margin:0.5rem;
    border-radius:1rem 1rem;
}

.date_board{
    background-color:violet;
    border:solid 0.3em violet;
    margin:0.5em;
    border-radius:1rem 1rem;
}
.ticket_board{
    background-color:gold;
    border:double 0.3rem gold;
    margin:0.5rem;
    border-radius:1rem 1rem;
}
.schedule_label{
    font:1.8em bold;
}
.attend_button{
    font-size:1.5em;
}

/* 出欠名簿 */
.attend_space{
    margin:0.2em;
    border:solid 0.2em crimson;
    background-color:crimson;
    border-ladius:0,0.3em/0.3em,0.3em;
}
.attend_space span{
    margin:0.2em 0.6em;
}
.attend_names{
    margin:0.2em 0.6em;
}

.attend_label{
    color:white;
}
.attend_sublabel{
    background: linear-gradient(transparent 70%,lightcoral 30%);
}

.absence_space{
    margin:0.2em;
    border:solid 0.2em darkblue;
    background-color:darkblue;
}
.absence_space span{
    margin:0.2em 0.6em;
}
.absence_label{
    color:white;
}

.not_entry_space{
    margin:0.2em;
    border:solid 0.2em darkgreen;
    background-color:darkgreen;
}
.not_entry_space span{
    margin:0.2em 0.6em;
}
.notentry_label{
    color:white;
}
.schedule_menu{
    font:1.5em bold;
}

/* 未入力一覧 */
.not_link{
    font-size:1.4em;
    text-align:center;
    color:ghostwhite;
    border:0.3rem outset gray;
    border-radius:5px;
    background:red;
    width:300px;
}
.th_date{

}
.th_top{
    width:6rem;
    color:pink;
}
.no_check_b{
    text-align:center;
    color:dodgerblue;
    border:0.4rem outset gray;
    border-radius:50%;
    background:ghostwhite;
    width:3rem;
    height:3rem;
}
.on_check_b{
    text-align:center;
    margin:0 auto;
    color:ghostwhite;
    border:0.4rem outset gray;
    border-radius:50%;
    background:dodgerblue;
}
.in_button{
    font-size:1.4em;
    text-align:center;
    color:ghostwhite;
    border:0.3rem outset gray;
    border-radius:5px;
    background:dodgerblue;
    width:200px;
}
/* 出欠入力*/

.table_date{
    display:inline-block; 
    border:1px solid black;
    padding:0;
 }
.table_d{
    border:1px solid black;
    display:inline-block;
    width:4rem;
    text-align:center; 
    padding:0;
}
#attendance_label{
    display:inline-block;
    width:5em;
    background:white;
    text-align:center;
    border:0.1rem solid black;
    margin:0.1rem;
    border-radius:1rem;
    padding:0.2rem;
}
#candidate_label{
    display:inline-block;
    width:5em;
    background:white;
    text-align:center;
    border:0.1rem solid black;
    margin:0.1rem;
    border-radius:1rem;
    padding:0.2rem;
}
#early_label{
    display:inline-block;
    width:5em;
    background:white;
    text-align:center;
    border:0.1rem solid black;
    margin:0.1rem;
    border-radius:1rem;
    padding:0.2rem;
}
#late_label{
    display:inline-block;
    width:5em;
    background:white;
    text-align:center;
    border:0.1rem solid black;
    margin:0.1rem;
    border-radius:1rem;
    padding:0.2rem;
}
#midway_label{
    display:inline-block;
    width:5em;
    background:white;
    text-align:center;
    border:0.1rem solid black;
    margin:0.1rem;
    border-radius:1rem;
    padding:0.2rem;
}
#absence_label{
    display:inline-block;
    width:5em;
    background:white;
    text-align:center;
    border:0.1rem solid black;
    margin:0.1rem;
    border-radius:1rem;
    padding:0.2rem;
}
#schedule_attendance:checked ~ #attendance_label{
    background:linear-gradient(aliceblue,cyan);
}
#early:checked ~ #early_label{
    background:linear-gradient(aliceblue,cyan);
}
#late:checked ~ #late_label{
    background:linear-gradient(aliceblue,cyan);
}
#midway:checked ~ #midway_label{
    background:linear-gradient(aliceblue,cyan);
}
#absence:checked ~ #absence_label{
    background:linear-gradient(aliceblue,cyan);
}
#candidate:checked ~ #candidate_label{
    background:linear-gradient(aliceblue,cyan);
}