@charset "UTF-8";
@import url("./common/reset.css");
@import url("./common/advanced.css");
@import url("./common/base.css");

/*------------------------------------------------------------
出勤情報
-------------------------------------------------------------*/
.schedule_list{ margin: 0 auto; padding: 20px 0 60px;}

/* カレンダー
------------------------------------------------------------ */
.nav_calendar{ box-sizing: border-box; width: 1400px; height: 70px; margin: 0 auto 20px; background: #dc1950; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.nav_calendar .tit_calendar{ width: 260px; text-align: center; font-size: 26px; color: #fff; line-height: 1.3;}
.nav_calendar .tit_calendar span{ display: block; text-align: center; font-size: 12px; color: rgba(255,255,255,0.5);}

.nav_calendar nav ul{ box-sizing: border-box; width: 1140px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #a93152; padding: 10px 0;}
.nav_calendar nav li{ box-sizing: border-box; width: 150px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; margin: 0 5px;}

.nav_calendar nav li a{ box-sizing: border-box; display: block;}
.nav_calendar nav li a:hover{ text-decoration: none;}

.nav_calendar nav li.wek a{ background: #fff; color: #333;}
.nav_calendar nav li.wek a:hover{ background: #dc1950; color: #fff;}

.nav_calendar nav li.sat a{ background: #fff; color: #00f;}
.nav_calendar nav li.sat a:hover{ background: #dc1950; color: #fff;}

.nav_calendar nav li.sun a{ background: #fff; color: #f00;}
.nav_calendar nav li.sun a:hover{ background: #dc1950; color: #fff;}

.nav_calendar nav li.selected{ font-weight: bold;}
.nav_calendar nav li.wek.selected{ background: #dc1950; color: #fff;}
.nav_calendar nav li.sat.selected{ background: #dc1950; color: #fff;}
.nav_calendar nav li.sun.selected{ background: #dc1950; color: #fff;}