@charset 'utf-8';

html{
    margin:0;
    padding:0;
    width:100%;
    min-width:320px;
    height:100%;

    /*アンカーリンク時のズレ修正 */
    /* scroll-padding-top: 30px; */
    scroll-padding-top: 60px;
    scroll-snap-type: y;
}

body{
    margin:0;
    padding:0;
    width:100%;
    height:100%;

    font-size:11pt;
    font-size:medium;
    font-size:95%;
    font-size:16px;

    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
input,textarea,.btn_cancel,
.year_btn,.month_btn,
.qr_read_button{
    margin-top:3px;
    margin-bottom:3px;
    margin-left:6px;

    font-size:15px;
    padding:8px 4px;
    box-sizing:border-box;
    -webkit-border-radius : 2px;
    border-radius:2px;
    min-height:40px;
}
select,button{
    color:#000;

}
select{
    height:40px;
    font-size:15px;
    background-color:#fff;
}


input[type="submit"],input[type="text"],input[type="password"],input[type="tel"],input[type="number"],textarea
{
    /* iphone対応 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}




input[type="text"],input[type="password"],input[type="tel"],input[type="number"],select,textarea{
    border:2px solid #bbbbbb;
}

input[type="checkbox"],select,textarea{
    -webkit-border-radius : 2px;
    border-radius:2px;
    border:2px solid #bbbbbb;
}
input[type="radio"]{
    padding:0;
    min-height:auto;
    margin-right:4px;
    -webkit-border-radius : 50%;
    border-radius:50%;
    vertical-align:middle;
}
input[type="submit"],.month_btn,.year_btn{
    border:2px solid #bbbbbb;
    border:1px solid #bbbbbb;
    background:#eaeaea;
    /* color: #000; */
}
ol li{
  margin:5px 0;
}
label{
    padding:0 4px 0 2px;
    box-sizing:border-box;
}
table{
    border-collapse:collapse;
    border-spacing:0;
    margin-left:6px;
    margin-left: 0;
    width:90%;
    width:96%;
    width: 100%;
    border:1px solid #cccccc;
}
table tr{
    border:1px solid #cccccc;
}
table th{
    background-color:#e0e0e0;
    border:1px solid #cccccc;
    font-size:80%;

    letter-spacing:0.02em;
    text-align:center;
}
table td{
    padding:2px;
    background-color:#ffffff;
    border:1px solid #cccccc;
    font-size:80%;
    word-break: break-all;
}
table select{
    font-size:100%;
}
hr{
    border:0.5px solid #bbb;
    margin:8px 0;
}
#main p,#main div{
    max-height: 100%;
}
.in_text{
    width:80%;
    width:90%;

    display:block;
    margin-left:auto;
    margin-right:auto;
}

.style_text{
  /* 全角ひらがな(istyle=1)  */
  -wap-input-format:"*<ja:h>"; -wap-input-format:*M;
}
.style_num{
  /* 半角数字(istyle=4)  */
  -wap-input-format:"*<ja:n>"; -wap-input-format:*N;
}
.style_alp{
  /* 半角英数字(istyle=3)  */
  -wap-input-format:"*<ja:en>"; -wap-input-format:*m;
}

.in_date{
    width:84px;
    width:90px;
    text-align:center;
}
.in_time{
    width:50px;
    width:56px;
    text-align:center;
}
.in_space{
    width:146px;
    width:152px;
}
.in_num{
    width:70px;
    width:76px;
    text-align:right;
}
.in_num_s{
    width:40px;
    width:46px;
    text-align:right;
}
/* --------------- */
/*  ヘッダー       */
#header{
}
.header{
    width:auto;
    height:44px;
/*  background:url('../images/head_logo.png') no-repeat center; */
    background-color:#35479D;
    text-align:center;
    position: relative;
}
.header .btn_back{
    display: inline-block;
    background-image: url('../images/btn_header_back.svg');
    background-size: 10px 16px;
    background-position: center;
    background-repeat: no-repeat;
    width: 50px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.header img{
    height:40px;
    width:auto;
}
/* ログイン名 */
.login_nm{
    margin:0;
    padding:2px 2px 1px 4px;
    box-sizing:border-box;
    width:auto;
    height:20px;
    line-height:20px;
    background-color:#A8BADF;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    text-align:left;
    letter-spacing:0.03em;
}
/* 共通：ページタイトル */
.page_title{
    margin:0;
    padding:2px 2px 1px 4px;
    box-sizing:border-box;
    width:auto;
    width:100%;
    height:22px;
    height:auto;
    line-height:22px;
    background-color:#D8E0F1;
    font-size:102%;
    font-weight:bold;
}

/* --------------- */
/* メイン          */
#main{
    padding:8px 6px 8px 6px;
    box-sizing:border-box;
    width:100%;
    min-height:calc(100% - 89px);
    height:auto;
    font-size:15px;
    padding-bottom:50px;    /* fix分確保 */
    padding-bottom:63px;    /* fix分確保 */
}

/* --------------- */
/* フッター        */
#footer-fixed{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:58px;
    height:65px;
    height:50px;
    height:63px;
    background:#fff;
    z-index: 1000;

    /* 背景色 */
    background-color:#D8E0F1;
    /* background-color:rgb(255, 200, 200); */
    /* セーフエリア対応CSS */
   /* padding-bottom: env(safe-area-inset-bottom); */
   padding-bottom: 4px;
}
#footer-fixed div.ft_btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;

  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;

   /* background-color:#D8E0F1; */
   padding:4px 8px 0 8px;
   box-sizing:border-box;
   height:46px;
   height:50px;
   height:63px;



}
#footer-fixed div.ft_btn div.menu{
    width:50px;
    text-align:center;
    font-size:9px;
    letter-spacing:0.03em;
    position:relative;
}
#footer-fixed div.ft_btn div.menu div{
    position:absolute;
    bottom:9px;
    left:0;
    right:0;
}
#footer-fixed div.ft_btn img{
    width:24px;
    width:auto;
    height:auto;
    height:28px;
    margin-top:2px;
}
#footer-fixed div.ft_btn img.aaa{
    width:30px;
    margin-top:-2px;
}
#footer-fixed div.ft_btn div.menu.top img{
    width:22px;
    margin-top:2px;
}
#footer-fixed div.ft_btn a{
    color:#000;
    text-decoration:none;
    display:block;
}
/* 設定メニュー */
#footer-fixed div.ft_btn div.menu.mn_setting{
    position:relative;

    background:url("../images/ico_ft_setting.png") no-repeat;
    background-size:28px 28px;
    background-position:top 2px center;
}
#footer-fixed div.ft_btn div.menu.mn_setting label.mn_setting_lbl{
/*    line-height:77px;
    line-height:83px;
    padding:28px 12px 0 12px;
    box-sizing:border-box;
    text-align:center;
    vertical-align:bottom;
*/
    padding:0;
    position:absolute;
    bottom:9px;
    left:0;
    right:0;

    padding: 36px 0 0 0;
    box-sizing:border-box;
}
#footer-fixed div.ft_btn div.menu.mn_setting ul.mn_setting_disp{
    position:absolute;
    bottom:66px;
    right:-3px;
    font-size:13px;
    padding:4px 10px;
    box-sizing:border-box;
    width:180px;
    width:195px;

    border:2px solid #D8E0F1;
    background-color:#efefef;
    background-color:#ffffff;

    visibility: hidden;
    opacity: 0;
}
#footer-fixed div.ft_btn div.menu.mn_setting input#mn_setting_chk{
    display:none;
}
#footer-fixed div.ft_btn div.menu.mn_setting input.mn_setting_chk:checked ~ ul.mn_setting_disp {
    visibility: visible;
    opacity: 1;
}
#footer-fixed div.ft_btn div.menu.mn_setting ul.mn_setting_disp li{
    padding:6px 10px;
    box-sizing:border-box;
    border-bottom:1px solid #ccc;
    text-align:left;
    line-height:30px;
    width:100%;
}
#footer-fixed div.ft_btn div.menu.mn_setting ul.mn_setting_disp li:after{
}
#footer-fixed div.ft_btn div.menu.mn_setting ul.mn_setting_disp li:last-child{
    border:0;
}
#footer-fixed div.ft_btn div.menu.mn_setting ul.mn_setting_disp li a{
    padding:12px 10px;
    box-sizing:border-box;
}




#footer-fixed div.footer{
    width:100%;

    padding:5px 0 4px 0;
    padding:2px 0 2px 0;
    box-sizing:border-box;
    background-color:#35479D;
    color:#fff;

    font-size:small;
    font-size:85%;
    font-size:10px;
    word-wrap:normal;
    text-align:center;

    position:absolute;    /* login画面用 */
    bottom:0;
}
#footer-fixed div.footer img.logo{
    height:20px;
    height:15px;
    width:auto;
    vertical-align : bottom;
    margin-right:20px;
}
#footer-fixed div.footer span.powered_by{
    font-size:9px;
    font-size:10px;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}


/* --------------- */
.nece{
    color:#ff0000;
    font-size:90%;
    font-size:12px;
    font-weight:normal;
}

.nece.generally {
    font-size: 17px;
}

.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    padding: 0 0 0 20px;
    box-sizing:border-box;
    color: #000000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 14px;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

/* リスト */
.mn_list:after{
    left:auto;
    right:2px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #35479d;
    border-right: 2px solid #35479d;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mn_list label{
    display:inline-block;
    min-height:40px;
    vertical-align: text-bottom;

}
.mn_list.push_check{
    display: flex;
    align-items: center;
    height: 67px;
}
.mn_list.push_check label{
    min-height: unset;
    margin-left: 4px;
    vertical-align: unset;
}
.mn_list.push_check input{
    min-height: unset;
}
/* エラーMSG */
.err_msg{
    margin:4px 0 2px 4px;
    margin:4px 0 8px 4px;
    margin:4px 4px 10px 8px;
    margin:4px auto 10px auto;
    word-wrap: break-word;
    font-weight:bold;
    color:red;
    width:96%;
    display:block;
}
.err_msg a{
    color:red;
}
/* エラーMSG（日報） */
.err_msg.daily_report{
    font-weight:normal;
}
.err_msg.daily_report:before{
    width: 13px;
    height: 14px;
    height: 100%;
    -webkit-border-radius: 50%;
    -webkit-border-radius: 2px;
    border-radius: 50%;
    border-radius: 2px;
    background: #35479d;
    background: #cc3300;
    background: #ef7e3a;
}
.err_msg.daily_report:after{
    left: 4px;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 5px solid transparent;
    border-left: 6px solid #ffffff;
}

/**/
.order_wait{
/*  color:red; */
}
.order_agree{
    margin-top:10px;
    margin-bottom:10px;
}
.page_state{
    color:red;
    margin:4px 0 2px 4px;
}
.item_head{
    margin:12px 0 2px 4px;
    margin:12px auto 2px auto;
    word-wrap: break-word;

}
/* ------------------------------------ */
/* スタッフメニュ―リンク */
.staff_menu ol.staff_mn li{
    margin:10px auto;
}
.staff_menu a.mn_btn:before,
.staff_menu a.mn_btn_sub:before,
.staff_menu a.mn_btn_row:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    vertical-align: middle;
    background-image:none;
    background-size:30px 30px;
    background-repeat:no-repeat;
    width:30px;
    height:30px;
}
.staff_menu a.mn_btn,
.staff_menu a.mn_btn_sub,
.staff_menu a.mn_btn_row{
/*    border:2px solid #dddddd;
    background-color:#efefef;
*/
/*    background:linear-gradient(90deg,#35479D 0%,#35479D 8px,#f0f0f0 8px,#f0f0f0 100%);*/
    background:linear-gradient(90deg,#3F6AAB 0%,#3F6AAB 8px,#f0f0f0 8px,#f0f0f0 100%);
    -webkit-border-radius : 2px;
    border-radius:2px;
    padding:0 6px;
    box-sizing:border-box;
    display:block;
    /* width:90%; */
    width: 96%;
    height:42px;
    line-height:43px;
    font-size:15px;
    margin:0 auto;
    color:#000;
    text-decoration:none;
    letter-spacing:0.06em;

    position: relative;
    vertical-align: middle;
    text-align:center;
}
.staff_menu a.mn_btn_sub{
    width:76px;
    height:42px;
    line-height:40px;
    display:inline-block;
    margin:6px 4px;
    background:#ffffff;
    border:2px solid #d8e0f1;
    border:2px solid #96a3dc;
}
.staff_menu a.mn_btn_row{
    background: #f0f0f0;
    line-height: 26px;
    height: 53px;
}
.staff_menu a.mn_btn:after,
.staff_menu a.mn_btn_sub:after,
.staff_menu a.mn_btn_row:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    vertical-align: middle;

    width: 7px;
    height: 7px;
    border-top: 2px solid #35479D;
    border-right: 2px solid #35479D;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.staff_menu a.mn_btn_sub:after{
    width: 5px;
    height: 5px;
}
.staff_menu a.mn_btn_row:after{
    bottom: 6px;
    right: -13px;
    right: -1px;
}
/* 注意ﾎﾞﾀﾝ */
.staff_menu a.mn_btn.attention{
    background:linear-gradient(90deg,#cc3300 0%,#cc3300 8px,#f0f0f0 8px,#f0f0f0 100%);
    color:#cc3300;
    font-weight:bold;
    font-size:110%;
    width:96%;
}
.staff_menu a.mn_btn.attention:after{
    border-color:#cc3300;

    top:-1px;
    bottom:0;
    right:10px;
    animation: movearrow 2s 1s ease infinite;
}
@keyframes movearrow {
    /*0%{margin:0 15px 0 -15px;opacity:.3;}*/
    0%{margin:auto 30px auto -30px;opacity:.3;}
    100%{margin:auto 0px auto 0px;opacity:1;}
}

/* ｽｹｼﾞｭｰﾙ確認 */
.staff_menu a.mn_btn.schedule{
    background:linear-gradient(90deg,#90BC3C 0%,#90BC3C 8px,#f0f0f0 8px,#f0f0f0 100%);
}
/* .staff_menu a.mn_btn.schedule:before{
    background-image:url("../images/menu_schedule.png");
}*/
.staff_menu a.mn_btn.schedule:after{
    border-top: 2px solid #90BC3C;
    border-right: 2px solid #90BC3C;
}

/* 給与明細 */
.staff_menu a.mn_btn.salary{
    background:linear-gradient(90deg,#D29149 0%,#D29149 8px,#f0f0f0 8px,#f0f0f0 100%);
    }
/* .staff_menu a.mn_btn.salary:before{
    background-image:url("../images/menu_salary.png");
}*/
.staff_menu a.mn_btn.salary:after{
    border-top: 2px solid #D29149;
    border-right: 2px solid #D29149;
}

/* お仕事 */
.staff_menu a.mn_btn.order{
    background:linear-gradient(90deg,#4DA735 0%,#4DA735 8px,#f0f0f0 8px,#f0f0f0 100%);
}
/* .staff_menu a.mn_btn.order:before{
    background-image:url("../images/menu_order.png");
}*/
.staff_menu a.mn_btn.order:after{
    border-top: 2px solid #4DA735;
    border-right: 2px solid #4DA735;
}
/* ﾒﾆｭｰﾌﾞﾛｯｸ */
.staff_menu li.mn_block{
/*    border:2px solid #dddddd;
    background-color:#fefefe;
*/
/*    background:linear-gradient(90deg,#35479D 0%,#35479D 8px,#eeeeee 8px,#eeeeee 100%);*/
    background:linear-gradient(90deg,#3F6AAB 0%,#3F6AAB 8px,#eeeeee 8px,#eeeeee 100%);
    -webkit-border-radius : 2px;
    border-radius:2px;
    padding:6px;
    box-sizing:border-box;
    display:block;
    /* width:90%; */
    width: 96%;
    margin:5px auto;
    text-align:center;
    font-size:15px;
    letter-spacing:0.06em;

}
/* お仕事詳細ﾌﾞﾛｯｸ */
.staff_menu li.mn_block.order{
    background:linear-gradient(90deg,#4DA735 0%,#4DA735 8px,#f0f0f0 8px,#f0f0f0 100%);
}
.staff_menu li.mn_block.order a.mn_btn_sub:after{
    border-top: 2px solid #4DA735;
    border-right: 2px solid #4DA735;
}
.staff_menu a.mn_btn_sub.order{
    border-color:#4DA735;
}
/* 日報記入ﾌﾞﾛｯｸ */
.staff_menu li.mn_block.performance{
    background:linear-gradient(90deg,#D1B327 0%,#D1B327 8px,#f0f0f0 8px,#f0f0f0 100%);
}
.staff_menu li.mn_block.performance a.mn_btn_sub:after{
    border-top: 2px solid #D1B327;
    border-right: 2px solid #D1B327;
}
.staff_menu a.mn_btn_sub.performance{
    border-color:#D1B327;
}

/* お知らせブロック */
.staff_menu .unopen_count{
    font-weight: bold;
    color: #EF7E3A;
    font-size: 17px;
}
.staff_menu .top_news{
    margin-top: 20px;
    margin-bottom: 10px;
}
.staff_menu .top_news a{
    width: 96%;
}

/* ------------------------------- */
.line_text{
    /* margin:3px 0 4px 4px; */
    margin:3px 2px;
    word-wrap:break-word;
}
.line_text .sub{
    margin-left:4px;
}
.item_head_sub{
    margin:4px 4px 0 4px;
    background-color:#EAEAEA;
    word-wrap:break-word;
}
.ent_schedule{
    margin:8px 0;
}
.saturday{
    color:#3366cc;
}
.sunday{
    color:#cc0000;
}
.holiday{
    color:#cc0000;
}
.today td{
    background-color:#FEF8C0 !important;
}
.sche_last{
    font-size:8pt;
    font-size:x-small;
    font-size:75%;
}
.midashi{
    margin-top:2px;
    margin-left:6px;
}
form .midashi{
    width: 90%;
    margin-left: 0;
    margin: 0 auto;
}
.yotei_sel select{
    margin-left:0px;
}
.btn{
    padding:2px 6px;
    box-sizing:border-box;

    display:block;
    padding:4px 6px;
    padding:0 6px;
    width:90%;
    width: 100%;
    height:42px;
    line-height:42px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    letter-spacing:0.06em;

    font-size:15px;
    letter-spacing:0.06em;

    border:0;
    -webkit-border-radius : 4px;
    border-radius:4px;
    background:#ef7e3a !important;
    color:#ffffff;
    box-shadow:1px 1px 1px #cccccc
}
.btn.login{
    color:#ffffff !important;
    background:#35479d !important;
    text-align:center;
    padding:0 !important;
    width: 90%;
}
.btn.cmn{
    border:2px solid #ccc;
    -webkit-border-radius : 2px;
    border-radius:2px;
    background-color:#f0f0f0;
    text-align:center;
}
.btn.cmn:before{
    left: auto;
    right:10px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #35479d;
    border-right: 2px solid #35479d;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
a.btn.cmn{
    text-decoration:none;
    color:#000;
}
.staff_schedule{
    text-align:center;
}
.staff_schedule .schedule{
    margin:4px 0;
    text-align:left !important;
    word-break: break-all;
}
.staff_schedule .schedule a{
    color:blue;
}
.staff_schedule .report a{
    color:blue;
    font-size:90%
}
.staff_schedule .report .non a{
    color:red;
    font-weight:bold;
}
.staff_schedule .schedule_pre{
}

.staff_salary{
    text-align:center;
}
.staff_salary .schedule,
.staff_salary .advance_payment{
    margin:4px 0;
    text-align:left !important;
}
.txt_num{
    text-align: right;
}

.item_head{
    display: flex;
    margin-bottom: 10px;
}

.salary .item_head{
    justify-content: space-between;
}
.item_head .page_link{
    padding: 3px 10px;
    box-sizing: border-box;
    border: 2px solid #a8badf;
    background-color: #d8e0f1;
    border-radius: 18px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    min-width: 145px;
    text-align: center;
}
.item_head .page_link a{
    color: #3F6AAB;
}
.item_head .page_link a:before{
    content:"";
    display:inline-block;
    width:14px;
    height:15px;
    vertical-align:middle;
    background-image:url('../images/ico_sublink1.gif');
    background-size:auto 13px;
    background-repeat:no-repeat;
    margin-right:1px;
}
/* -------------------------
    給与一覧
--------------------------- */
.salary .m_btm{
    margin-bottom: 24px;
}
.salary .salary_list_tbl td{
    height: 41px;
}
.salary .salary_list_tbl td.detail_link{
    text-align: center;
}
.salary .salary_list_tbl td.detail_link a{
    padding: 3px 3px;
    box-sizing: border-box;
    letter-spacing: 0.06em;

    color: #000;
    padding-right: 14px;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;

    border: 2px solid #96a3dc;
}
.salary .salary_list_tbl td.detail_link a:after{
    content:"";
    position: absolute;
    top:8px;
    bottom: 0;
    left: 30px;
    vertical-align: middle;

    border-top: 2px solid #354790;
    border-right: 2px solid #354790;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
}

/* -------------------------
    給与明細
--------------------------- */
.salary .main_detail_tbl {
    margin-bottom: 5px;
}
.salary .main_detail_tbl th{
    text-align: left;
    padding-left: 2px;
    box-sizing: border-box;
}
.salary .main_detail_tbl td{
    padding-left: 5px;
    box-sizing: border-box;
    width: auto;
}
.salary .total{
    border-top: double 4px #c0c0c0;
}
.salary .info_text{
    font-size: 15px;
}
.salary .main_detail{
    margin-bottom: 20px;
}
.salary .statement_block{
    margin-bottom: 35px;
}
.salary .statement_block .date_title{
    margin-bottom: 6px;
    margin-left: 6px;
}
.salary .statement_tbl td{
    text-align: right;
}
#main.salary .order_position{
    display: flex;
    align-items: center;
}
.item_head.flex_typebox{
    align-items: center;
}
/* -------------------------
    スケジュール確認
--------------------------- */
.rec_icon{
    background-color: #eaeaea;
    color: #312522;
    padding: 0px 7px;
    box-sizing: border-box;
    border: 1px solid #bebebe;
/*     box-shadow: 1px 1px 1px #ccc; */
    border-radius: 3px;
    text-decoration: none;
}

/*----------------------------
    前日確認の備考欄
-----------------------------*/
.explain ,div.remark_area{
    margin-top: 20px;
}

.explain ,textarea.remark_textarea {
    width: 90%;
    display: block;
    margin: 0 auto 16px;
    margin-bottom: 16px;
}
textarea.remark_textarea{
    width: 99%;
    /* margin-left: 2px;
    margin-right: 2px; */
}
/*----------------------------
     新スタッフスケジュール
-----------------------------*/
/* 一番大枠のフレーム */
.staff_schedule{
    width: auto;
    margin: 0 6px 6px;
    /* margin-right: 17px;
    margin-left: 15px; */
    border: 1px solid #CFCFCF;
    border-radius: 8px;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 3px;
}
.staff_schedule:before{
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 8px 8px 0 0;
    background: #3F6AAB;
    /* background: #CFCFCF; */
    position: absolute;
    top: 0;
}
.staff_schedule.today{
    background-color:#fffcda !important;
}
.staff_schedule .type_box{
    margin-left: 0;
    margin-bottom: 8px;
}
.staff_schedule .location_name{
    margin-bottom: 8px;
}
/* 日付 予定 求人 枠*/
#daily_info_frame{
    height: 40px;
    margin-right: 14px;
    margin-left: 9px;
    display: flex;
    justify-content: flex-start;
    border-bottom:1px solid #CFCFCF;
}

/* 日付 */
#daily_info_frame .day_info{
    width: 30px;
    height: 32px;
    text-align:center;
    margin-top: 4px;
    margin-bottom: 4px;
}

/* 日付 日にち */
#daily_info_frame .day_info .day_num{
    font-size: 15px;
    font-weight: bold;
    /* margin-bottom: -5px; */
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}
#daily_info_frame .day_info.sunday .day_num{
    color: inherit;
}
#daily_info_frame .day_info.saturday .day_num{
    color: inherit;
}
#daily_info_frame .day_info.holiday .day_num{
    color: inherit;
}
/* 日付 曜日 */
#daily_info_frame .day_info .week_day{
    height: 15px;
    /* margin-top: -5px; */
    margin-top: -3px;
    font-size: 10px;
    letter-spacing: 0px;
}

/* 予定 */
#daily_info_frame .plan_frame{
    margin-left: 7px;
    margin-right: auto;
    display:flex;
    align-items: center;
}
#daily_info_frame .plan_frame:after{
    /* content: "";
    display: block;
    width: 11px;
    height: 11px;
    background-image: url('../images/ico_staff_schedule_edit.svg');
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 12px; */
}
/* 予定 テキスト部分 */
#daily_info_frame .plan_frame .plan_com_msg{
    width: 24px;
    height: 18px;
    font-size: 12px;
    color:#0911FF;
}

/* 予定 スタッフの予定 */
#daily_info_frame .plan_frame .staff_status{
    width: auto;
    height: 23px;
    font-size: 15px;
    /* margin-left: 5px; */
}

/* 予定 スタッフの予定 リンク */
#daily_info_frame .plan_frame .staff_status a{
    text-decoration: none;

}

/* 求人 */
#daily_info_frame .recruit_frame{
    width: 60px;
    border-radius: 8px;
    display: flex;
}

/* 求人ボタン */
#daily_info_frame .recruit_frame .rec_icon{
    width: 60px;
    padding: 0px;
    margin-top: 9px;
    border-radius: 8px;
    background-size: 14px 14px;
    background-position: 11px 3px;

}

/* 求人テキスト */
#daily_info_frame .recruit_frame .rec_text{
    /* width: 20px; */
    height: 15px;
    margin-top: 3px;
    margin-left: 28px;
    margin-left: 16px;
    font-size: 10px;
    display: block;
    position: relative;
}
/* 求人ボタン「>」アイコン */
#daily_info_frame .recruit_frame .rec_text:after{
    content: "";
    display: inline-block;
    position: absolute;
    right: 6px;
    top: 5px;
    background: url('../images/ico_btn_arrow_gray.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 3px;
    height: 5px;
}
/* オーダー全体の枠 */
#order_info_frame{
    min-height: 40px;
    height: auto;
}

/* 1オーダーごとの枠 */
#one_order_info_frame{
    height: auto;
    margin-top: 10px;
    margin-right: 14px;
    margin-left:9px;
    /* border-bottom: 1px dashed #CFCFCF; */
    border-bottom: 2px solid #ddd;
}

#one_order_info_frame:last-child{
    border-bottom: none;
}

/* オーダー情報上段 */
#one_order_info_upparts{
    /* min-height: 40px; */
    height: auto;
    margin-left: 1px;
    margin-bottom: 4px;
    display: flex;
    justify-content: flex-start;
}

/* スタッフ状態枠 */
#one_order_info_upparts .decide_status_frame,
.staff_list_frame .decide_status,
.staff_schedule #order_info_frame .staff_list_frame .decide_status{
    min-width: 34px;
    height: 18px;
    padding: 0 4px;
    /* border: 1px solid #333333; */
    border: 1px solid #848484;
    color: #848484;
    background-color:#fff;
    border-radius: 2px;
    opacity: 1;
    font-size: 12px;
    font-size: 10px;
    /* font-weight: bold; */
    font-weight: normal;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
}


/* matsumoto暫定 */
.staff_list_frame .decide_status,
.staff_schedule #order_info_frame .staff_list_frame .decide_status{
    border: 1px solid #bbbbbb;
    padding: 0px 4px;
    box-sizing: border-box;
    height:auto;

}

#one_order_info_upparts .decide_status_frame:last-child,
.staff_list_frame .decide_status:last-child{
    /* margin-right: 0px; */
}
.staff_list_frame .decide_status_frame{
    display: flex;
    margin-bottom: 1px;
}
/* スタッフ状態 */
#one_order_info_upparts .decide_status_frame .decide_status{
    font-size: 10px;
    font-weight: bold;
}
.name_position{
    display: flex;
}
/* オーダー名 */
#one_order_info_upparts .order_name{
    width: auto;
    width: calc(100% - 34px);
    height: auto;
    margin-left: 13px;
    font-size: 13px;
    font-weight: bold;
    color: #0F0FFF;
    text-align: left;
    word-break: break-all;

}

/* オーダー名 aタグ */
#one_order_info_upparts .order_name a{
    /* text-decoration: none; */
}
#one_order_info_upparts .order_name a:visited{
    color: inherit;
}
/* オーダー情報下段 */
#one_order_info_lowparts{
    /* height: 31px; */
    display: flex;
    justify-content: flex-start;
    margin-bottom: 9px;
    align-items: center;
}

/* スタッフ稼働時間 枠 */
#one_order_info_lowparts .staff_work_frame{
    width: auto;
    /* 一時的にコメントアウト */
    /* height: 18px; */
    margin-right: auto;
    /* margin-bottom: 9px; */
    display: flex;
    align-items: center;
}
/* 時計画像*/
#one_order_info_lowparts .staff_work_frame .clock_img{
    width: 13px;
    height: 13px;
    /* margin-top: 2px; */
    /* margin-bottom: 3px; */
    background: url(../images/ico_clock.svg) no-repeat;
    background-size: 13px 13px;
    display: inline-block;
    opacity: 0.6;
    vertical-align: middle;
}

/* スタッフ稼働時間 */
#one_order_info_lowparts .staff_work_frame .staff_work_time{
    width: 81px;
    /* 一時的にコメントアウト */
    /* height: 18px; */
    margin-left: 2px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

/* 日報 前日確認 共通フレーム 未*/
#one_order_info_lowparts .staff_action_com_frame,
#main.order_detail .staff_action_com_frame{
    /* width: 58px; */
    min-width: 54px;
    width: fit-content;
    height: 23px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    background: #FFE9E4;
    border: 1px solid #FFCEC2;
    /* padding-right: 8px; */
}

/* 日報 前日確認 共通フレーム 済*/
#one_order_info_lowparts .staff_action_com_frame.done,
#main.order_detail .staff_action_com_frame.done{
    background: #DDF1DD;
    border: 1px solid #AEDDAE;
}

/* 日報 前日確認 共通画像 未*/
#one_order_info_lowparts .staff_action_icon,
#main.order_detail .staff_action_icon{
    min-width: 54px;
    width: fit-content;
    /* width: 58px; */
    height: 18px;
    background-image:url('../images/excla.svg');
    background-repeat:no-repeat;
    background-size:3px 12px;
    /* background-position: 18px; */
    background-position: 14px center;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
}
/* 日報 前日確認 「>」アイコン 未*/
#one_order_info_lowparts .staff_action_text:after,
#main.order_detail .staff_action_text:after{
    content: "";
    display: inline-block;
    position: absolute;
    right: 6px;

    top: 7px;
    background: url('../images/ico_btn_arrow_red.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 3px;
    height: 5px;
}

/* 日報 前日確認 共通画像 済*/
#one_order_info_lowparts .staff_action_icon.done,
#main.order_detail .staff_action_icon.done,
#main.order_detail .before_confirm_frame.done .staff_action_icon{
    background-image:url('../images/check.svg');
    background-size:13px 9px;
    background-position: 10px;
}
/* 日報 前日確認 「>」アイコン 済*/
#one_order_info_lowparts .staff_action_icon.done .staff_action_text:after,
#main.order_detail .staff_action_icon.done .staff_action_text:after,
#main.order_detail .before_confirm_frame.done .staff_action_icon .staff_action_text:after{
    background: url('../images/ico_btn_arrow_green.svg');
}

/* 日報 前日確認 表示文字 共通 未 */
#one_order_info_lowparts .staff_action_text,
#main.order_detail .staff_action_text{
    width: 20px;
    width: fit-content;
    height: 15px;
    height: 20px;
    line-height: 20px;
    /* margin-top: 2px; */
    margin-left: 23px;
    display: block;
    font-size:10px;
    color: #FF0000;
    text-align: left;
    padding-right: 16px;
}


/* 日報 前日確認 表示文字 共通 済 */
#one_order_info_lowparts .staff_action_text.done,
#main.order_detail .staff_action_text.done{
    color: #209E20;
    margin-left: 25px;
}

/* 日報 フレーム*/
#one_order_info_lowparts .daily_report_frame{
    margin-right: 12px;
    /* margin-left: auto; */
    margin-left: 8px;
}

/* 日報 使用しない*/
#one_order_info_lowparts .daily_report_frame_no_use{
    width: 58px;
    height: 20px;
    margin-right: 20px;
    margin-left: auto;
}

/* 前日確認 使用しない */
#one_order_info_lowparts .before_confirm_frame_no_use{
    width: 58px;
    height: 20px;

}

/* 詳細表示 */
/* トグルボタン */
#main .btn_toggle_title{
    font-size: 12px;
    text-align: center;
    width: 100%;
}
#main .toggle_container{
    width: fit-content;
    margin: 0 0 16px auto;
    padding-right: 10px;
    box-sizing: border-box;
    transition: 0.3s;

    /* 右下固定 */
    position: fixed;
    bottom: 72px;
    right: 10px;
    z-index: 100;
    opacity: 0.6;
}
/* 詳細表示ボタン固定時のスペース */
.schedule_top_space{
    display: block;
    margin-top: 30px;
}
#main  input[type=checkbox]{
    /* 未使用 */
  /* display: none; */
}

#main label>input[type=checkbox]~span{
  /* 未使用 */
  /* display: flex;
  justify-content: space-between;
  align-items: center;
  width: 49px;
  height: 24px;
  font-size: 13px;
  border-style: none;
  border-radius:12px; */
}
/* ONの時 */
#main label>input[type=checkbox]:checked+.on{
  /* 未使用 */
  /* display: flex;

  padding-left: 11px;
  color: #fff;
  background-color: #B31812;
  background-color: #35479D; */
}
#main label>input[type=checkbox]:checked+.on+.off{
  /* 未使用 */
  /* display: none; */
}
/* OFFの時 */
#main label>input[type=checkbox]+.on{
  /* 未使用 */
  /* display: none; */
}
#main label>input[type=checkbox]+.on+.off{
  /* 未使用 */
  /* display: flex;

  padding-right: 11px;
  color: #fff;
  background-color: #7C7C7C; */

}
/* 丸ボタン */
label>input[type=checkbox]:checked+.on::after,
label>input[type=checkbox]+.on+.off::before{
  /* 未使用 */
  /*
  display: inline_block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin: 3px;
  border-radius: 50%;
  background-color: #fff;
  content: "";
  */

}
#main .ninki{
  /* 未使用 */
  /* display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 7px; */
}
#main .toggle_button{
  width: auto;
  /* margin-right: 40px;
  margin-right: 44px; */
  /* margin-bottom: 16px; */
}
#main .toggle label{
  box-sizing: border-box;
  display: block;
  width: 60px;
  width: 72px;
  height: 24px;
  height: 32px;
  background: #707070;
  border-radius: 16px;
  position: relative;
}
#main .toggle label .circle{
  display: inline-block;
  width:18px;
  width: 24px;
  height: 18px;
  height: 24px;
  background: #fff;
  border-radius: 50%;

  position: absolute;
  top: 3px;
  top: 4px;
  left: 3px;
  left: 6px;
  transition: 0.2s;
}
#main .toggle input[type="checkbox"]{
    display: none;
}
#main .toggle input[type="checkbox"] + label .off_on::after{
  /* content: "OFF"; */
  content: "簡易";
  font-size: 12px;
  color: #fff;
  position: absolute;
/*   bottom: 0px; */
  top: 50%;
  left: 23px;
  left: 28px;
  transform: translateY(-50%);
  padding-top: 1px;
  width: 42px;

  line-height: 32px;
}
#main .toggle input[type="checkbox"]:checked + label .off_on::before{
  /* content: "ON"; */
  content: "詳細";
  font-size: 12px;
  color: #fff;
  position: absolute;
/*   bottom: 0px; */
  top: 50%;
  transform: translateY(-50%);
  right: 22px;
  right: 11px;
  padding-top: 1px;
  width: 42px;

  line-height: 32px;
}

#main .toggle input[type="checkbox"]:checked + label .off_on::after{
  display: none;
}
#main .toggle input[type="checkbox"]:checked + label{
    background: #B31812;
    background: #35479D;
}
#main .toggle input[type="checkbox"]:checked + label span{
   transform      : translateX(36px);
   transition: 0.2s;
}
/* 無効時 */
#main .set_block.disabled .toggle input[type="checkbox"] + label,
#main .set_block.disabled .toggle input[type="checkbox"]:checked + label{
    background: #c0c0c0;
}
#main .toggle.disabled label .circle{
    background: #969696;
}
#main .set_block.disabled .toggle input[type="checkbox"] + label .off_on::before,
#main .set_block.disabled .toggle input[type="checkbox"]:checked + label .off_on::before{
    color: #969696;
}

/* ボタンアニメーション */
#main div.header_sub{
  display: none;
}
/* ブロックごと非表示 */
.disp_none{
  display: none!important;
}

/* 非表示にするだけ（ブロックはそのまま） */
.disp_hidden{
  visibility: hidden;
}

/* 表示切替ボタン */
.toggle_button{
    max-width: 480px;
}
/* スタッフスケジュール　月切り替えボタン */
#main .month_btn,
#main .year_btn{
    color: #000;
}
/* スタッフスケジュール 　オーダー内容*/
#main .staff_schedule .one_order_info_detailparts{
    text-align: left;
    font-size: 12px;
}
#main .staff_schedule .one_order_info_detailparts .time_container{
    margin-bottom: 4px;
}
#main .staff_schedule .one_order_info_detailparts .time_title{
    display: inline-block;
    margin-right: 8px;
}
#main .staff_schedule .one_order_info_detailparts .time_actual{
    font-weight: bold;
}
#main .staff_schedule .one_order_info_detailparts .time_scheduled{
    /* font-size: 10px; */
    font-size: 12px;
    color: #999999;
    color: #888;
}
#main .staff_schedule .one_order_info_detailparts .remarks_container{
    margin: 8px 0;
}
#main .staff_schedule .one_order_info_detailparts .remarks_container .remarks_title{
    font-weight: bold;
}
/* スケジュール提出へのリンク */
#main .staff_schedule .schedule_submit{
    text-decoration: underline;
    color: #0F0FFF;
}
#main .staff_schedule .schedule_submit:visited{
    /* color: inherit; */
}
/* スタッフスケジュール 　詳細切り替え　アニメーション*/
#main .staff_schedule .detail_on{
    /* 詳細表示ONの時 */
}
#main .staff_schedule .detail_off{
    /* 詳細表示OFFの時 */
}

/* スタッフスケジュール　詳細切り替え　固定時 */
#main .toggle_fixed{
  position: fixed;
  top: 10px;
  right: 6px;
  z-index: 10;
  opacity: 0.6;
  /* transition: 0.3s; */
}

/* 各連絡登録後 */
.command.btn_cancel{
    font-size: 15px;
    border: 1px solid #bbbbbb;
    background: #eaeaea;
    color: #000;
    padding: 8px 4px;
    padding-right: 8px;
    border-radius: 2px;
    text-decoration: none;
    display: inline-block;
    display: block;
    width: 90%;
    width: 100%;
    margin-top: 24px;
    text-align: center;
    /* padding-left: 120px; */
    /* padding-left: calc(50% - 60px); */
    margin: 0 auto;
    position: relative;
}
.command.btn_cancel:before{
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
}
/* メニューへ */
.btn_cancel.to_menu:before{
    width: 28px;
    height: 28px;
    background-image: url('../images/ico_menu_b.svg');
    margin-top: -1px;
    /* margin-right: 4px; */
}
/* スケジュールへ */
.btn_cancel.to_schedule{
    margin: 24px auto 16px;
}
.btn_cancel.to_schedule:before{
    width: 30px;
    height: 30px;
    background-image: url('../images/ico_schedule_b.svg');
    margin-top: -1px;
    /* margin-right: 4px; */
}
/* ページャーの見た目 */
/* ページャー */
.pager{
    display: flex;
    margin: 0 auto 30px;
}
.pager.page_top{
    margin-bottom: 10px;
}
.pager .btn_pager{
    width: 36px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #BBBBBB;
    background: #EAEAEA;
    text-align: center;
    display: block;
    font-size: 12px;
}
.pager .btn_pager a{
    text-decoration: none;
    color: inherit;
    display: block;
    width: 100%;
    height: 100%;
}
.pager .btn_pager.fast_foward,
.pager .btn_pager.foward{
    margin-right: 5px;
}
.pager .btn_pager.fast_rewind,
.pager .btn_pager.rewind{
    margin-left: 5px;
}
.pager .btn_pager.fast_foward.disabled,
.pager .btn_pager.foward.disabled,
.pager .btn_pager.fast_rewind.disabled,
.pager .btn_pager.rewind.disabled{
    background: #F9F9F9;
    border: 1px solid #DDDDDD;
    color: #bbb;
    pointer-events: none;
}
.pager .pager_number{
    display: flex;
    width: calc(100% - 164px);
    overflow-x: scroll;
    /* justify-content: center; */
    position: relative;
    top:0;
    left:0;
}
.pager .scroll_area{
    /* width: calc(100% - 164px);
    overflow-x: scroll; */
}
.pager .pager_number li{
    /* width: 36px;
    height: 36px; */
    border: 1px solid #BBBBBB;
    margin-right: 5px;
}
.pager .pager_number li:last-child{
    margin-right: 0;
}
.pager .pager_number a{
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 12px;
}
.pager .pager_number a.target{
    /* background: #777; */
    /* background: #0070c0; */
    background: #3F6AAB;
    color: #fff;
}
/* ○件目/○○件 */
.page_list_number{
    font-size: 12px;
    /* margin-bottom: 8px; */
    margin-bottom: 20px;
}
.page_list_number .all{
    /* font-weight: bold; */
}

/* ページャー（ページ下部） */
.page_list_number.page_bottom{
    margin: 20px 0 8px;
}
.pager.page_bottom{
    margin: 0;
}

/* 3点リーダ */
.three_point_reader{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*----------------------------
     新お仕事詳細ページ
-----------------------------*/
#main.order_detail{
    /* width: 96%; */
    /* margin: 0 auto; */
}
#main.order_detail .employ_file::before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../images/tmb_pdf.svg');
}
#main.order_detail .staff_action_text:after{
    right: -2px;
}
#main.order_detail .staff_action_com_frame{
    padding-right: 8px;
}
#main.order_detail #form1{
    margin: 10px 5px;
}
#main.order_detail .personal_work_info{
    border: 1px solid #CFCFCF;
    border-radius: 8px;
    padding: 10px 8px;
    margin-top: 3px;
    margin-bottom: 20px;
    position: relative;
    border-top: 3px solid #3F6AAB;

    /* font-size: 13px; */
}
#main.order_detail .personal_work_info:before{
    /* content: "";
    display: block;
    width: calc(100% - 2px);
    height: 3px; */
    /* border-radius: 8px 8px 0 0; */
    /* border-radius: 10px 10px 0 0; */
    /* background: #3F6AAB; */
    /* background: #CFCFCF; */
    /* position: absolute; */
    /* top: -1px;
    left: 50%;
    transform: translateX(-50%); */
}
#main.order_detail .personal_work_info .day_time{
    display: flex;
    align-items: center;
}
#main.order_detail .personal_work_info .day_time .time{
    margin-left: 15px;
    margin-left: 10px;
}
#main.order_detail .personal_work_info .day_time .day span{
    /* font-size: 12px; */
}
#main.order_detail .day_type{
    display: flex;
    justify-content: space-between;
}
#main.order_detail .day_type,
#main.order_detail .order_position{
    /* display: flex;
    justify-content: space-between; */

}
#main.order_detail .daytype_daily{
    border-bottom: 1px solid #CFCFCF;
    padding-bottom: 10px;
}
#main.order_detail .daytype_daily .staff_btn_frame{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 6px;
}
#main.order_detail .order_position{
    padding-top: 10px;
}
.type_box{
    /* border: 1px solid #555555;
    color: #555555; */
    /* border: 1px solid #777;
    color: #777; */
    background-color: #ECECEC;
    background-color: #f2f2f2;
    color: #000;
    /* color: #333; */
    /* font-weight: bold; */
    font-size: 10px;
    padding: 0 10px;
    border-radius: 2px;
    text-align: center;
    width: fit-content;
    display: inline-block;
    /* margin-left: 8px; */
    vertical-align: middle;
    height: 18px;
    line-height: 18px;
    max-width: 100%;

    /* 3点リーダ */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.order_detail_item_box .type_box{
    max-width: 100%;
    margin-left: 0;
    box-sizing: border-box;
    display: block;
}
#main.order_detail .personal_work_info .type_box{
    /* width: 112px; */
    width: 100px;
    width: 90px;
    height: 18px;
    padding: 0;
    padding: 0 4px;
    margin: 0;
    margin-top: 2px;
    margin-bottom: 4px;
    line-height: 18px;
    box-sizing: border-box;
    max-width: 100%;
    font-size: 13px;
}
#main.order_detail .personal_work_info .type_box.work_type{
    max-width: calc(100% - 200px);
}
.type_box.work_type{
    margin-right: 8px;
}
#main.order_detail .line_text .position_type{
    font-size: 13px;
}
.personal_work_info .type_box,
#one_order_info_detailparts .type_box.me{
    width: fit-content!important;

    /* 3点リーダー無効 */
    /* overflow: inherit;
    text-overflow: inherit;
    white-space: inherit; */
}
#one_order_info_detailparts .type_box.work_type,
#one_order_info_detailparts .type_box.me{
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    box-sizing: border-box;
}
#main.order_detail .personal_work_info .order_name{
    margin-bottom: 4px;
}
#main.order_detail .personal_work_info .order_name:before{
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../images/icon_work.svg');
    opacity: 0.6;
}
#main.order_detail .staff_action_com_frame{
    margin-left: 10px;
}
#main.order_detail .staff_action_icon,
#main.order_detail .staff_action_com_frame{
    width: 38px;
    width: fit-content;

    max-width: 74px;
}
#main.order_detail .staff_action_com_frame{
    justify-content: center;
}
#main.order_detail .staff_action_text,
#main.order_detail .staff_action_icon{
    min-width: unset;

}
#main.order_detail .staff_action_text{
    padding-right: 8px;
}
#main.order_detail .staff_action_icon{
    background-position: 6px center;
    background-size: 2px 10px;
}
#main.order_detail .staff_action_icon.done,
#main.order_detail .staff_action_com_frame.done,
#main.order_detail .before_confirm_frame.done .staff_action_icon{
    background-position: 4px center;
    background-size: 8px 5px;
}
#main.order_detail .staff_action_text{
    margin-left: 12px;
    /* padding-right: 0; */
}
#main.order_detail .staff_action_text.done{
    margin-left: 13px;
}
#main.order_detail .approval_mark:before{
    margin-right: 0;
}
.location_name:before{
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center -1px;
    background-size: cover;
    background-image: url('../images/icon_location.svg');
    opacity: 0.6;
}

/* お仕事詳細画面・日報登録　新デザイン */
#main.list_page .item_head1{
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    height: 28px;
    background-color: #3F6AAB;
    border-radius: 2px;
    line-height: 28px;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
#main.list_page .item_head2{
    font-size: 13px;
    color: #3F6AAB;
    border-bottom: 1px solid #3F6AAB;
    font-weight: bold;
    margin-bottom: 4px;
}
#main.list_page .item_frame .explain{
    font-size: 10px;
    color: #999999;
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
}
#main.list_page.daily_report .item_frame .explain{
    font-size: 13px;
}
#main.list_page .item_frame .explain .emphasis{
    font-weight: bold;
}
#main.list_page .item_frame{
    margin-bottom: 30px;
}
#main.list_page .item_frame #btn_submit1{

}
#main.list_page .item_frame textarea.remark_textarea{
    display: block;
    margin: 0 auto 20px;
    width: 100%;
}
#main.list_page{
    /* padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box; */
}
#main.list_page .item_box{
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 30px;
}

#main.list_page .order_detail_item_box{
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
}

#main.list_page .item_box .item_box{
    /* margin-left: 5px;
    margin-right: 5px; */
}
/* #main.list_page .item_box .line_text, */
#main.list_page .item_head_sub{
    margin: 0 2px 0;
}
#main.list_page .item_head_sub{
    margin-bottom: 4px;
    box-sizing: border-box;
    padding: 0 10px;
}
#main.list_page .item_frame .item_box:last-child{
    margin-bottom: 30px;
    /* border: 1px solid red; */
}
#main.list_page .login_staff_info_disp{
    padding: 5px 10px;
}
#main.list_page .login_staff_info_disp .item_head2{
    margin-top: inherit;
}
/* 日報登録　新デザイン */
#main.daily_report,
#main.daily_disp{
    margin-top: 12px;
}
#main.daily_report .item_head2,
#main.daily_disp .item_head2{
    margin-top: 15px;
}
#main.list_page .head_line{
    min-width: 80px;
    display: inline-block;
}
#main.list_page .head_line.time{
    display: inline-block;
    /* min-width: 100px; */
    min-width: 60px;
    vertical-align: middle;
}
#main.list_page .head_line.allowance,
#main.list_page .head_line.travel-cost,
#main.list_page .head_line.expenses{
    display: inline-block;
    min-width: 80px;
}
.subbtn_mini{
    box-shadow: 1px 1px 1px #cccccc;
    border: 1px solid #bbbbbb;
}
.year_month{
    background-color: #fff;
    transition: 0.3s;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
}
.year_month.sticky{
    position: sticky;
    /* right: 0; */
    /* top: 10px; */
    top: 0px;
    /* left: -6px; */
    /* padding: 10px 0 5px; */
    box-sizing: border-box;
    z-index: 1;
    background: #fff;
    background: #D8E0F1;
    transition: 0.3s;

}
.year_month_btn{
    display: flex;
    /* width: 100%; */
    width: calc(100% + 12px);
    /* margin-top: 10px; */
    margin-bottom: 30px;
    padding: 10px 0px 10px 10px;
    transition: 0.3s;
    box-sizing: border-box;
    margin-left: -6px;
    /* margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1); */
    /* overflow: hidden; */
}
.year_month_btn.bottom{
    display: inherit;
    box-shadow: none;
    margin-top: 30px;
    width: fit-content;
}
.year_month_btn.bottom .year_month{
    text-align: left;
    margin: 0;
    width: 100%;
}

.year_month_btn.sticky{
    position: sticky;
    /* right: 0; */
    /* top: 10px; */
    top: 0px;
    left: -6px;
    /* padding: 10px 0; */
    /* padding: 10px 0 5px; */
    box-sizing: border-box;
    z-index: 1;
    background: #fff;
    background: #D8E0F1;
    background: rgba(255,255,255,.8);
    box-shadow: 0 3px 3px rgba(0,0,0,.05);
    transition: 0.3s;
}
.year_month_btn .year_month .item_head{
    /* margin: 0;
    display: block;
    text-align: center; */
}
.year_month_btn .year_month,
.year_month_btn .month_btn{
    border: 1px solid #bbbbbb;
    min-height: unset;
    height: 32px;
    padding: 0;
    margin: 0;
    line-height: 30px;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}
.year_btn,.month_btn{
    border: 1px solid #bbbbbb;
    min-height: unset;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}
.year_month_btn .month_btn{
    width: 72px;
}
.year_month_btn .year_month{
    /* background-color: #F9F9F9; */
    /* margin: 0; */
    border-width: 0px;
    line-height: 32px;
    margin: 0 8px;
    width: 100px;
    text-align: center;
    background: transparent;

}
.staff_list_frame{
    margin-top: 8px;
}
.staff_list_frame .staff_list{
    /* display: flex; */
    /* align-items: center; */
    /* align-items: flex-start; */
    /* margin-bottom: 4px; */
    /* margin-bottom: 10px; */
    margin-bottom: 6px;
    /* flex-wrap: wrap; */
    /* max-height: unset!important; */

}
.staff_list_frame .staff_list{
    display: block;
    padding-bottom: 0px;
    border-bottom: 1px dotted #CFCFCF;
}
#order_info_frame .staff_list_frame .staff_list{
    padding-top: 4px;
}
#order_info_frame .staff_list_frame .staff_list:last-child{
    border-width: 0px;
}
#main.order_detail p,
#main.order_detail div{
    max-height: unset;
}

#main.order_detail .staff_list_frame .staff_list .staff_name{
    width: 128px;
    width: 90px;
    font-size:12px;
}
#order_info_frame .staff_list_frame .staff_list{
    margin-bottom: 0px;
}
.staff_list_frame .staff_list
.staff_list_frame .staff_list:last-child{
    margin-bottom: 0;
}
.staff_list_frame .staff_list .staff_name{
    width: 100px;

    /* margin: 0 12px; */
    margin-right: 12px;
}
.staff_list_frame .staff_list .type_box{
    margin-bottom: 0;
    margin: 0;
    margin-bottom: 4px;
    margin-right: 4px;
    width: 106px;
    width: 100px;
    width: 100%;
    width: fit-content;
    /* max-width: 250px; */

    box-sizing: border-box;
}
.staff_list_frame .staff_list .type_box:first-child{
    margin-left: 0;
}
#order_info_frame .staff_list_frame{
    margin-top: 10px;
}
.staff_list_frame .position_box{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: calc(100% - 112px);
    /* width: calc(100% - 118px); */
    /* width: calc(100% - 102px);  */
}
#order_info_frame .staff_list_frame .staff_title{
    font-weight: bold;
    margin-bottom: 4px;
    color:#666;
}
#order_info_frame .staff_list_frame .staff_title:before{
    content: '';
    background-image: url('../images/icon_staff_list.svg');
    display: inline-block;
    width: 16px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
#order_info_frame .staff_list_frame{
    margin-bottom: 8px;
}
.approval_mark:before{
    content: "";
    display: inline-block;
    width: 16px;
    height: 12px;
    background-image: url('../images/check.svg');
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: -6px;
}
.approval_mark{
    color: #209E20;

}
.approval_client{
    margin: 10px 5px;
}
.approval_mark_sub{
    color: #999;
    font-size: 12px;
}
.approval_mark_sub:before{
    content: "";
    display: inline-block;
    margin-right: 12px;
}
#order_info_frame .approval_mark{
    font-size: 13px;

    /* 一時的な調整 */
    /* font-size: 10px; */
    /* font-weight: bold; */
}
#order_info_frame .approval_mark:before{
    margin-right: -2px;
}
/* -------------------------
    下記画面：共通

    ログイン画面、ログイン情報照会、メールアドレス変更
--------------------------- */
#main .sub_information_block{
    margin-top:30px;
}

#main  div.link_block{
    width: 90%;
    margin-top:20px;
    margin-right: auto;
    margin-left: auto;
    text-align: right;

    position: relative;
    padding-right: 19px;
    box-sizing: border-box;

}

#main  div.link_block:after{
    content: "";
    display: inline-block;
    position: absolute;
    right: 6px;
    top: 5px;
    background: url('../images/ico_btn_arrow_gray.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 7px;
    height: 12px;
}

#main div.link_block a{
    color: #a7a7a7;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}

/* -------------------------
    ログイン画面
--------------------------- */


/* -------------------------
    ログイン情報照会
--------------------------- */
#main .caption_block{
    margin-bottom: 40px;
}
#main .caption_title{
    font-size: 20px;
    margin-bottom: 16px;
    font-weight: bold;
    color: #878787;
    margin-top: 9px;

    /* 20230628追記 */
    color: #3F6AAB;
    text-align: center;
}
#main ul.caution{
    margin-bottom: 30px;
}
#main ul.caution{
    font-size: 14px;
    list-style:"※ ";
    margin-left: 16px;
}
#main ul.caution li{
    margin-bottom: 12px;
}

#main.forgot_password div.link_block {
    margin-right: 0;
}


/* ----------- 送信完了画面---- */
#main .caption_title.comp{
    color: #55ac68;
    color: #3F6AAB;
}

#main .send_adress{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    display: flex;
    max-width: 100%;
    word-wrap: break-word;
    justify-content: center;
    align-items: flex-start;
    margin: 35px auto 40px;

    box-sizing: border-box;
    padding-right: 24px;

    font-weight: bold;

    /* 20230628追記 */
    font-size:20px;
    align-items: center;
    display: block;
    padding-right: 0;
}

#main .send_adress .icon_mail{
    display: inline-block;
    margin-right: 6px;
    margin-top: 5px;
    background: url("../images/mail.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 34px;
    height: 27px;

    /* 20230628追記 */
    width: 60px;
    height: 45px;
    margin-top: 0;
    margin: 0 auto 6px;
    display: block;
}

#main .caption_block .caution_title{
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #3F6AAB;
    width: 100%;
    display: block;
    margin-bottom: 8px;
    color:#3F6AAB;
}
#main .caption_block .caution_title.attention{
    color: #ff0000;
    border-color: #ff0000;
}
/* -------------------------
    メールアドレス変更
--------------------------- */
#main.change_mail{
    padding-bottom: 100px;
}

#main.change_mail .nece{
    font-size: 15px;
    font-weight: bold;
}

#main.change_mail .caption_item{
    margin-bottom: 40px;
}

/* -------------------------
    スタッフ新規登録：登録URL送信
--------------------------- */
#main.regist_send_mail .caption_item{
    margin-bottom: 40px;
}

/* アンケート枠 */
.question_frame .line_text.question_title{
    font-size: 12px;
    /* font-weight: bold; */
    margin-top: 8px;
}
.question_frame .line_text.question_area{
    font-size: 12px;

    background-color: #F5F5F5;
    border-radius: 8px;
    padding: 8px;
    box-sizing: border-box;
    margin-bottom: 8px;
}
.confirm_frame .border:last-child{
    /* content: ""; */
    border-bottom: 1px solid #CFCFCF;
    display: block;
    width: 100%;
    margin-bottom: 8px;
}

.daily_confirm .item_head{
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #CFCFCF;
    padding-bottom: 6px;
}
.daily_confirm hr{
    /* border-width: 2px; */
    display: none;
}
.daily_confirm form{
    border: 1px solid #CFCFCF;
    border-radius: 8px;
    padding: 0 12px;
    box-sizing: border-box;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.daily_confirm form:before{
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 8px 8px 0 0;
    background: #3F6AAB;
    /* background: #CFCFCF; */
    position: absolute;
    top: 0;
    left: 0;
}
/* 日報登録　ファイル添付部分 */
#main.daily_report .item_frame{

}
#main.daily_report .item_frame .name_size,
#main.staff_self_regist .item_frame .name_size{
    max-width: 90%;
}
#main.daily_report .item_frame .fsize,
#main.staff_self_regist .item_frame .fsize{
    font-size: 12px;
    opacity: 0.6;
}
#main.daily_report .item_frame .file_attachment{
    /* リセットCSS */
    /* background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    appearance: none; */
    /* ここまで */
    /* width: 121px;
    height: 29px; */
    display: none;

}
#main.daily_report .item_frame .btn_file_upload_frame,
#main.staff_self_regist .item_frame .btn_file_upload_frame{
    width: 124px;
    height: 32px;
    border: 1px solid #767676;
    border-radius: 2px;
    /* padding: 10px 25px; */
    /* margin: 0 0 10px; */
    background: #EFEFEF;
    color: #000;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    font-size: 15px;
    box-sizing: border-box;
    cursor: pointer;

}
#main.daily_report .item_frame .file_del_btn,
#main.staff_self_regist .item_frame .file_del_btn{
    /* リセットCSS */
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    /* ここまで */
    width: 15px;
    height: 15px;

    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/xmark-solid.svg);
    opacity: 0.4;
}
#main.daily_report .item_frame .file_list_item,
#main.staff_self_regist .item_frame .file_list_item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #CFCFCF;
}
#main.daily_report .item_frame #file_attachment_area{
    margin-top: 16px;
}
/* お知らせ画面　未回答 */
.news_day_title .no_answer{
    color: #fff;
    font-size: 10px;
    display: block;
    background: #FF0000;
    padding: 0 5px;
    height: 15px;
    line-height: 15px;
    margin-left: 8px;
}
.news_day_title  .answered{
    color: #fff;
    font-size: 10px;
    display: block;
    background: #777777;
    padding: 0 5px;
    height: 15px;
    line-height: 15px;
    margin-left: 8px;
}
.news_day_title .answer_message{
    background-color: #FFF2F2;
    border-radius: 8px;
    padding: 2px;
    box-sizing: border-box;
    font-size: 12px;
    margin-top: 6px;
    margin-bottom: 2px;
    color: #ff0000;
}
.news_day_title .answer_message:before{
    content: "";
    display: inline-block;
    height: 20px;
    width: 10px;
    background-position: center;
    vertical-align: bottom;
    background-image: url('../images/excla.svg');
    background-repeat: no-repeat;
}
.news_day_title .answer_message .time{
    font-weight: bold;
    margin-right: 4px;
}
.news_day_title .answer_message .no_limited{
    /* display: none; */
}
.news_day_title .dt_unopen{
    display: flex;
    align-items: center;

    margin-bottom: 6px;
}
.news_data_frame .dt_unopen{
    justify-content: space-between;
    margin-top: 20px;
}
.news_day_title .dt_unopen .open_label{
    display: flex;
}
.news_day_title .dt_unopen .file_mark,
.news_frame .file_tmp
{
    color: #828282;
    color: #888;
}
.news_day_title .dt_unopen .file_mark:before,
.news_frame .file_tmp:before{
    content: "";
    display: inline-block;
    width: 12px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../images/ico_clip.svg');
    vertical-align: middle;
    margin-right: 4px;
}
.news_frame .file_tmp{
    font-size: 12px;
}
.news_day_title .dt_unopen .day_label{
    display: flex;
}
.news_day_title .subject .answer_message{
    margin-top: 6px;
}
/* 日別メモ */
.daily_memo{
    width: 95%;
    background-color: #f8f8f8;
    border: 1px dotted #bbbbbb;
    margin: 8px auto 8px;
    text-align: left;
    padding: 4px;
    box-sizing: border-box;
    font-size: 12px;
    border-radius: 4px;
}
.monthly_memo{
    /* width: 95%; */
    background-color: #f8f8f8;
    border: 1px solid #bbbbbb;
    /* margin: 8px auto 8px; */
    text-align: left;
    padding: 4px;
    box-sizing: border-box;
    font-size: 12px;
    border-radius: 4px;
}
.monthly_memo_flame{
    /* width: 95%; */
    margin: 8px 6px 8px;
}
.monthly_memo .in_text{
width: inherit;
margin:0;
}
.monthly_memo a{
    text-align: right;
    display: block;
    width: fit-content;
    margin: 0 0 0 auto;
}
.staff_schedule_memo.monthly_memo{
    /* margin-top: -20px;
    margin-bottom: 40px; */
    margin-top: 0px;
}
.staff_schedule_memo.monthly .in_text{
    margin-top: 4px;
}
.monthly_memo_flame{
    margin-top: -20px;
    margin-bottom: 20px;
}
.monthly_memo_flame .memo_title{
    font-size: 13px;
}
.monthly_memo_edit .memo_edit_title,
.monthly_memo_flame .memo_title{
    background: #bbbbbb;
    margin: 0;
    width: fit-content;
    color: #fff;
    font-size: 13px;
    height: 21px;
    border-radius: 4px 4px 0 0;
    line-height: 24px;
    display: block;
    box-sizing: border-box;
    padding: 0 12px;
}
.monthly_memo_edit textarea#staff_comment{
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}
.monthly_memo #staff_comment .no_comment{
    color: #9b9b9b;
}
.monthly_memo_edit textarea,
.monthly_memo_flame .monthly_memo{
    border-radius: 0 4px 4px 4px;
}
.monthly_memo_edit .memo_edit_title,
.monthly_memo_flame .memo_edit_title{
    border-radius: 4px 4px 0px 0px;
}