*{
outline:none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-text-size-adjust: 100%;
}
*::placeholder{
color:#bbb;
}
.clearfix:after{
content: "";
clear: both;
display: block;
}
body{
overflow-x:hidden;
margin:0;
padding:10px 10px;
font-size:14px;
line-height:1.4;
color:#444;
background-color:#f5f5f5;
width:100%;
font-family: sans-serif;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
}
td{word-break: break-all;}
a{
text-decoration:none;
color:#444;
}
.stf,.cdate,#pdtipt div,#pdtipt span,.order-list .del,.order-add,#option-select .opt-box p,.select-list,#option-select > span{
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.dummy{
display:none;
}
.desabled{
opacity:.4 !important;
}
.hidden{
display:none !important;
}
.small{
font-size:10px;
color:#aaa;
}
.middle{
font-size:12px;
}
.fleft{float:left;}
.fright{float:right;}

#onetime{
text-indent:40px;
background-image:url(../img/gauth.png);
background-repeat: no-repeat;
background-position: left 10px center;
background-size:30px;
display:none;
}

/* MAIN */
.main{
margin:0 auto;
box-shadow: 0 0 4px #ccc;
max-width:1500px;
background-color:#fafafa;
border-radius:5px;
position:relative;
overflow-x:hidden;
}
.side-menu{
padding:8px 20px 20px 20px;
width:18%;
height:100%;
float:left;
-webkit-overflow-scrolling: touch;
}
.content{
background-color:#fafafa;
width:81%;
float:right;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
overflow:hidden;
box-shadow: 0 0 4px #ccc;
}
.home-link{
display:block;
width:150px;
height:50px;
position:absolute;
margin-left:50px;
}
.content .top{
border-radius:5px 5px 0 0;
background-color:#fff;
border-bottom:2px solid #eee;
height:50px;
line-height:50px;
background-image:url(../img/logo.png);
background-repeat: no-repeat;
background-position: 60px center;
background-size:120px;
}
.content .top .menu{
display:block;
float:left;
width:60px;
height:50px;
background-image:url(../img/menu.png);
background-repeat: no-repeat;
background-position: center center;
background-size:18px;
}
.content .top .logout{
margin-right:25px;
float:right;
padding-left:30px;
background-image:url(../img/key.png);
background-repeat: no-repeat;
background-position: 0px center;
background-size:20px;
}
.content .cont{
padding:15px;
}
.content .box{
border:1px solid #ccc;
border-radius:5px;
background-color:#fff;
width:100%;
padding:35px 15px 30px 15px;
position:relative;
}

/* FORM */
.box form{
max-width:600px;
margin:0 auto;
margin-bottom:15px;
position:relative;
}
.parts{
position:relative;
}
.parts > span{
display:inline-block;
margin-top:15px;
}
.parts > .err,.select > .err{
color:#f08080;
font-size:12px;
margin-left:10px;
}
#option .err,.option-dummy .err{
margin:0;
position:absolute;
padding:0 10px;
line-height:30px;
height:30px;
top:9px;
right:35px;
border-radius:0 3px 3px 0;
background-color:rgba(255,255,255,.8);
z-index:1;
}
.mess-box{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display:block;
color:#8fbc8f !important;
}
.form-err{
color:#f08080;
margin-bottom:0px;
padding:10px 10px;
border-radius:5px;
}
textarea,.opt-box,input,.parts input,.parts textarea,.parts select,.select-box{
border:1px solid #ccc;
padding:10px;
border-radius:3px;
margin-top:5px;
width:100%;
background-color:#fff;
height:38px;
line-height:19px;
}
form .button,#pop .button{
width:100%;
margin:0 auto;
margin-top:30px;
margin-bottom:20px;
display:block;
max-width:350px;
float:none;
padding:10px 0;
}
form .select{
position:relative;
display:inline-block;
width:100%;
}
select{
font-size:11px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding:8px 30px 8px 8px !important;
cursor:pointer;
}
.select-manage{
display:none;
position:absolute;
left:50%;
margin-top:-5px;
margin-left:-15px;
z-index:2;
width:30px;
height:30px;
opacity:.5;
border:none;
border-radius:15px;
}
.bg-base .select-manage{
background-color:#688A08;
}
.bg-cate .select-manage{
background-color:#DBA901;
}
.select-manage .cl,.select-manage .ch{
background-image:url(../img/back-white.png);
width:100%;
height:100%;
background-size:50%;
background-position:center center;
background-repeat:no-repeat;
}
.select-manage .cl:hover,.select-manage .ch:hover{
opacity:.5;
}
.select-box{
font-size:11px;
cursor:pointer;
white-space: nowrap;
}
.tree-box .select-manage{
display:block;
opacity:1;
margin-top:-36px;
}
.tree-box .select-box{
padding-top:20px !important;
padding-bottom:20px !important;
margin:0;
}
.tree-box .bg-base{
background-color:rgba(104,138,8,.05) !important;
}
.tree-box .bg-cate{
background-color:rgba(219,169,1,.05) !important;
}
#category-search-form > .bg-cate{
position:relative;
}
#base-search-form > .bg-base{
position:relative;
}
.tree-box .select-box{
padding-left:0 !important;
}
.tree-box .select-list{
z-index:0;
padding-left:50px !important;
background-color:transparent !important;
}
.tree-box .select-txt{
display:none;
}
.select-child{
padding-left:30px;
}
.bg-base .select-child{
border-left:1px solid rgba(104,138,8,.4);
}
.bg-cate .select-child{
border-left:1px solid rgba(219,169,1,.4);
}
.select-list > .select-child,.select-list > .select-child .select-child:last-child{
border:none;
}
.select-txt{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding:0 10px 0 0;
line-height:
}

.select-list{
font-size:12px;
display:none;
position:absolute;
width:100%;
height:225px;
margin:10px 0 0 -11px;
z-index:1;
padding:10px;
opacity:.85;
border-radius:0 0 5px 5px;
overflow:auto;
-webkit-overflow-scrolling: touch;
}
.bg-base .select-list{
color:#688A08;
background-color:#E6F8E0;
border:1px solid #688A08;
border-top:none;
}
.bg-cate .select-list{
color:#DBA901;
background-color:#F5ECCE;
border:1px solid #DBA901;
border-top:none;
}

.select-list span{
font-size:14px;
padding:2px 15px;
display:inline-block;
margin-left:10px;
}
.select-list .rt::before,.select-list .ls::before{
content:"";
position:absolute;
display:block;
width:3px;
height:23px;
margin-left:0px;
opacity:.4;
}
.bg-base .select-list .rt::before,.bg-base .select-list .ls::before{
border-left:1px solid #688A08;
}
.bg-cate .select-list .rt::before,.bg-cate .select-list .ls::before{
border-left:1px solid #DBA901;
}
.select-list .ls::before{
height:12px;
}
.select-list .rt::after,.select-list .ls::after{
opacity:.4;
content:"";
position:absolute;
display:block;
width:7px;
height:12px;
margin-top:-23px;
}
.bg-base .select-list .rt::after,.bg-base .select-list .ls::after{
border-bottom:1px solid #688A08;
}
.bg-cate .select-list .rt::after,.bg-cate .select-list .ls::after{
border-bottom:1px solid #DBA901;
}
.select-list label{
position:absolute;
display:block;
border-bottom:1px solid #f00;
width:100%;
}
.select-list .slct{
color:#fff;
padding-right:15px;
padding-left:15px;
border-radius:3px;
height:23px;
line-height:21px;
}
.bg-base .select-list .slct{
background-color:#688A08;
}
.bg-cate .select-list .slct{
background-color:#DBA901;
}

.bg-base .select-list > div:hover::before,.bg-cate .select-list > div:hover::before{
}

.form-title{
height:34px;
line-height:24px;
font-size:10px;
color:#999;
background-color:#fff;
border-radius:5px;
margin:7px 0 0 0;
width:100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-right:55px;
}
.bg-base .form-title{
border:1px solid #688A08;
}
.bg-cate .form-title{
border:1px solid #DBA901;
}
.form-title div{
font-size:12px;
text-align:center;
padding:5px 0;
color:#fff;
display:inline-block;
width:50px;
}
.bg-base .form-title div{
background-color: #688A08;
}
.bg-cate .form-title div{
background-color:#DBA901;
}
.form-title span{
font-size:12px;
padding:5px 10px;
display:inline-block;
width:calc(100%-50px);
}
.bg-base .form-title span{
color: #688A08;
}
.bg-cate .form-title span{
color:#DBA901;
}

/* EDIT TREE */
#base-edit .tree-box .select-box,#category-edit .tree-box .select-box{
height:auto;
text-align:center;
overflow-x:auto;
-webkit-overflow-scrolling: touch;
border:none;
border-radius:0;
padding-top:30px;
}
#base-edit .tree-box .select-list,#category-edit .tree-box .select-list{
text-align:left;
display:inline-block;
position:relative;
width:auto;
height:auto;
margin:0 0 0 0;
padding:10px;
background-color:#FFF;
opacity:1;
border:none;
border-radius:0;
}
form .select-list{
padding-top:25px;
padding-bottom:20px;
}

.cnt{text-align:center !important;}
.lft{text-align:left !important;}
.rgt{text-align:right !important;}
.npd{padding:0 !important;}

textarea{
min-height:60px;
}
#trjob-tree:before,#project .select:before,form .select:before,.order-list .select:before{
position:absolute;
right:5px;
content: "▼";
display:inline;
font-size:10px;
margin-top:17px;
margin-right:5px;
opacity:.7;
color:#444 !important;
}
.half{
width:50% !important;
}
.half-left{
float:left;
width:49% !important;
}
.half-right{
width:49% !important;
float:right;
}
.onethird-left{
float:left;
width:32%;
}
.onethird-center{
float:left;
width:32%;
margin-left:2%;
}
.onethird-right{
float:right;
width:32%;
}

/* SUB MENU */
.sub-menu{
padding-top:10px;
display:block;
margin-bottom:15px;
}
.sub-menu span{
color:#aaa;
}
.details-box .handle,.details-box .dl{
position:absolute;
left:0px;
border-radius:3px;
cursor:move;
height:100%;
width:20px;
background-color:#fff;
}
.details-box .handle{
background-image:url(../img/drag.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:15px;
}
.details-box .dl{
left:auto;
right:0px;
cursor:pointer;
text-align:center;
color:#ccc;
}
.details-box .dl::before{
text-align:center;
width:100%;
display:block;
position:absolute;
color:#ccc;
content:"x";
font-size:10px;
font-weight:bold;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.details-box li{
min-height:25px;
}
.details-box input{
border:none;
min-height:auto;
margin:0;
padding:0 5px;
height:25px;
width:100%;
font-size:10px;
}


















/* MENU */
h1,.color-input{
font-size:14px;
width:100%;
color:#fff;
padding:7px 0 7px 0;
text-align:center;
border-radius:5px;
margin-top:3px;
margin-bottom:20px;
}
h2{
width:100%;
font-size:12px;
font-weight:normal;
border-bottom:1px solid;
padding:5px 0 5px 5px;
margin-top:15px;
}
h3{
font-size:18px;
color:#777;
}
.page-head h3{
margin-bottom:0 !important;
}
.side-menu > a{
position:relative;
width:100%;
opacity:.7;
font-size:14px;
padding:7px 10px 7px 35px;
display:block;
border-bottom:1px solid #f0f0f0;
border-radius:5px;
background-repeat: no-repeat;
background-position: 5px center;
background-size:18px;
}
.side-menu > a:hover{
background-color:#fff;
opacity:1;
}
.side-menu .bord{
text-align:center;
padding-left:0;
border:none;
}
.side-menu > .rfid{background-image:url(../img/rfid.png);background-size:16px;}
.side-menu > .check{background-image:url(../img/checksheet.png);}
.side-menu > .process{background-image:url(../img/process.png);}
.side-menu > .check2{background-image:url(../img/check2.png);}
.side-menu > .report{background-image:url(../img/report.png);}
.side-menu > .payment{background-image:url(../img/payment.png);}
.side-menu > .prosessing{background-image:url(../img/wrench.png);}
.side-menu > .stock{background-image:url(../img/stock.png);}
.side-menu > .base-btn{background-image:url(../img/local.png);}
.side-menu > .category{background-image:url(../img/category.png);}
.side-menu > .staff{background-image:url(../img/owner.png);}
.side-menu > .regist{background-image:url(../img/regist.png);}
.side-menu > .item-add{background-image:url(../img/item-add.png);}
.side-menu > .item{background-image:url(../img/item.png);}
.side-menu > .in{background-image:url(../img/in.png);}
.side-menu > .out{background-image:url(../img/out.png);}
.side-menu > .notify{background-image:url(../img/bell.png);}
.side-menu > .deli{background-image:url(../img/deli.png);}
.side-menu > .sup{background-image:url(../img/sup.png);}
.side-menu > .cust{background-image:url(../img/cust.png);}
.side-menu > .study{background-image:url(../img/study.png);}
.side-menu > .sums{background-image:url(../img/calc.png);}
.menu-select{
background-color:#fff;
opacity:1 !important;
}
.menu-select:after{
content: "▼";
position:absolute;
right:5px;
font-size:10px;
transform: rotate(-90deg);
margin-top:3px;
opacity:.7;
}

.page-head{
margin-bottom:15px;
}
.copy{
margin:15px 0 15px 0;
text-align:center;
cursor:pointer;
}

/* LOGIN */
.login-box{
margin:0 auto;
width:100%;
max-width:500px;
background-color:#fff;
padding:20px;
box-shadow: 0 0 4px #ccc;
border-radius:5px;
}
.login-bar{
border-radius:0 0 7px 7px;
height:20px;
margin:-20px 0 20px 0;
}
.login-logo{
height:150px;/*100px*/
background-image:url(../img/logo-header.png);
background-repeat: no-repeat;
background-position: center center;
background-size:110px;/*170px*/
}
.login-desc{
color:#aaa;
text-align:center;
margin-bottom:30px;
}
.login-box input::placeholder{
color:#ccc;
}
.login-box .inq{
text-align:right;
color:#bbb;
font-size:12px;
margin-bottom:-10px;
}
.login-box input{
font-size:16px;
height:50px;
border:1px solid #ccc;
display:block;
width:100%;
padding:0 15px;
margin:0 auto;
margin-bottom:15px;
border-radius:5px;
}
.login-btn{
font-weight:bold;
color:#fff;
margin-top:30px !important;
border:none !important;
}
.login-btn:hover{
opacity:.7;
cursor:pointer;
}

/* ERROR */
.error{
color:#f08080;
height:32px;
line-height:32px;
}

/* CHECK BOX */
.per{
font-size:14px;
color:#bbb;
margin-bottom:20px;
}
.per input{
  display: none;
}
.per input + label{
height:24px;
line-height:24px;
display:inline-block;
cursor:pointer;
padding-left: 25px;
position:relative;
}
.per input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #bbb;
  border-radius: 50%;
}
.per input:checked + label{
  color: #ff8c00;
}
.per input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  background: #ff8c00;
  border-radius: 50%;
}
.search .per input:checked + label::after{
background: #bdb76b !important;
}
.search .per input:checked + label{
color:#000 !important;
}
#sums-search-form,#payment-search-form,#report-search-form,#check-search-form,#estimate-search-form,#staff-search-form,#item-out-search-form,#item-in-search-form,#stock-search-form,#item-search-form,#base-search-form,#category-search-form,#supplier-search-form,#delivery-search-form,#product-search-form{
max-width:100%;
}
.select-per{
position:absolute;
z-index:1;
right:30px;
top:12px;
font-size:10px;
}
.irregular .select-per{
line-height:38px;
height:38px;
right:auto;
top:auto;
margin:0;
margin-top:5px;
position:relative;
font-size:12px;
}
#opt-select .select-per{
position:rerative;
right:auto;
margin-left:20px;
display:inline;
font-size:12px;
}
.select-per input + label::before{
width:12px;
height:12px;
top:5px;
left:10px;
}
.select-per input:checked + label::after{
  top: 7px;
  left: 12px;
  width: 10px;
  height: 10px;
}
#base-search-form .per-opt,#category-search-form .per-opt{
margin:0 -15px 0 15px;
}

/* BUTTON */
.button{
cursor:pointer;
color:#fff;
padding:5px 10px;
border:none;
border-radius:3px;
font-size:14px;
float:right;
margin-right:10px;
}
.button:first-child{
margin-right:0px;
}
.button:hover{
opacity:.7;
}

/* IMAGE UPLOAD */
#drag-img .tp{
position:absolute;
top:10px;
left:10px;
}

.image-pop-box{
border:none !important;
border-bottom:1px solid #ddd !important;
margin:10px 0 10px 0 !important;
padding:0 0 10px 0 !important;
}
.job-window .image-pop-box{
padding-bottom:15px !important;
}
.image-box .exp{
opacity:.8;
}
.image-pop-box #drag-img{
text-align:left !important;
border-radius:5px;
background-color:transparent !important;
width:100%;
height:100%;
padding:0px 0px 0 0px !important;
}
.image-pop-box #drag-img:hover{
background-color:transparent !important;
}
.image-pop-box .btn-cov input{
margin:0 0 0 0 !important;
float:right;
}
.image-pop-box .btn-cov div{
margin-top:2px;
}
.image-pop-box .icov{
margin-right:15px;
}
.image-pop-box .zoomin{
margin:12px 0 6px 40px !important;
}



/* --- OLD --*/
.image-box .icov{
float:left;
text-align:center;
}
.image-box{
text-align:center;
border:1px solid #ccc;
border-radius:3px;
margin-top:5px;
padding:20px 0px 10px 10px;
}
#icon{
width:120px;
height:120px;
border-radius:10px;
border:1px solid #eee;
overflow:hidden;
cursor:move;
background-color:#eee;
position:relative;
background-position: 0px 0px;
background-size:120px 120px;
background-repeat:no-repeat;
}
.image-box .zoomin{
margin-top:5px;
width:120px;
height:30px;
cursor:col-resize;
border:none;
background-image:url(../img/zoomin.png);
background-size:100%;
background-position:center center;
background-repeat:no-repeat;
display:inline-block;
}
.image-box .tcov{
height:120px;
margin-bottom:10px;
position:relative;
text-align:center;
}
.image-box .exp b{
text-align:center;
color:#fff;
font-size:10px;
width:30px;
border-radius:3px;
padding:2px 4px;
margin-right:5px;
}
.image-box .exp{
line-height:16px;
}
.image-box .exp span{
display:inline-block;
font-size:10px;
}
.image-box .exp span:first-child{
margin-bottom:5px;
}
.image-box [name=upload]{
margin-left:900px;
position:absolute;
}
.image-box [name=upload-btn]{
width:100px !important;
height:30px !important;
background-color:#fff;
border:1px solid #ddd;
fontsize:10px;
line-height:24px;
border-radius:6px;
background-image:url(../img/pushimg.png);
background-size:40px;
background-position:center center;
background-repeat:no-repeat;
background-color:#eee;
cursor:pointer;
margin-bottom:15px;
display:inline-block;

}
.image-box [name=upload-btn]:hover,.image-box [name=upload-btn]:active{
background-color:rgba(0,0,0,.1);
color:#fff;
}
#drag-img{
position:relative;
cursor:s-resize;
display:inline-block;
text-align:center;
border-radius:5px;
background-color:#fafafa;
width:50%;
height:100%;
padding:40px 10px 0 10px;
}
.parts #drag-img{
height:150px;
}
.parts #drag-img .exp{
margin-top:10px;
}
.parts #drag-img .exp span{
display:block;
}
#drag-img div{
font-size:10px;
}
#drag-img:hover{
background-color:#eee;
}

/* RAP LOADER */
#rap-black,#rap,#loader{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:none;
text-align:center;
z-index:3;
}
#loader span{
font-size:10px;
color:#666;
display:inline-block;
position:absolute;
top: 50%;
width:80px;
margin-top:25px;
margin-left:-40px;
}
#rap{
opacity:.7;
background-color:#fff;
}
#rap-black{
opacity:.7;
background-color:#000;
}
#loader{
background-image: url("../img/loader.gif");
background-repeat:no-repeat;
background-position: center center;
background-size:32px 32px;
}
#pop{
position:fixed;
background-color:rgba(0,0,0,.5);
width:100%;
height:100%;
top:0;
left:0;
cursor:pointer;
padding:10px 10px;
z-index:1;
}
#pop .inner{
cursor:auto;
background-color:#fff;
padding:35px 15px 15px 15px;
border-radius:5px;
box-shadow: 0 0 4px #ccc;
}
#pop .inner-rap{
padding:10px;
overflow-y:auto;
overflow-x:hidden;
max-height:100%;
width:100%;
max-width:700px;
margin:0 auto;
position:absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
-webkit-overflow-scrolling: touch;
}
#pop .inner-cov{
max-width:600px;
margin:0 auto;
}
#pop .close{
position:absolute;
right:25px;
top:18px;
display:block;
width:21px;
height:21px;
text-align:center;
line-height:21px;
font-size:10px;
border-radius:12px;
cursor:pointer;
color:#fff;
}
#deli-add,#supp-add,#base-add,#category-add{
display:none;
-webkit-overflow-scrolling: touch;
}
.edit-exp{
display:block;
padding:15px 0;
color:#fff;
margin:0 auto;
margin-top:0px;
margin-bottom:15px;
border-radius:5px;
text-align:center;
font-weight:bold;
max-width:600px;
}
.process-icon{
background-image:url(../img/process.png);
}
.study-icon{
background-image:url(../img/study.png);
}
.sums-icon{
background-image:url(../img/calc.png);
}
.add-item-icon{
background-image:url(../img/item-add.png);
}
.item-icon{
background-image:url(../img/stock.png);
}
.prosessing-icon{
background-image:url(../img/wrench.png);
}
.base-icon{
background-image:url(../img/local.png);
}
.check-icon{
background-image:url(../img/checksheet.png);
}
.check2-icon{
background-image:url(../img/check2.png);
}
.report-icon{
background-image:url(../img/report.png);
}
.check-add-icon{
background-image:url(../img/check-add.png);
}
.payment-icon{
background-image:url(../img/payment.png);
}

.supplier-icon{
background-image:url(../img/sup.png);
}

.delivery-icon{
background-image:url(../img/deli.png);
}
.product-icon{
background-image:url(../img/item.png);
}
.category-icon{
background-image:url(../img/category.png);
}
.item-in-icon{
background-image:url(../img/in.png);
}
.item-out-icon{
background-image:url(../img/out.png);
}
.customer-icon{
background-image:url(../img/cust.png);
}
.staff-icon{
background-image:url(../img/owner.png);
}
.regist-icon{
background-image:url(../img/regist.png);
}


.title-img{
background-repeat: no-repeat;
background-position: right 30px top;
background-size:50px;
}
.post-list{
background-color:#efefef;
opacity:.85;
width:100%;
position:absolute;
z-index:100;
border:1px solid #ccc;
border-top:none;
border-radius:0 0 10px 10px;
display:none;
overflow:hidden;
}
.details-box .im .post-list{
width:100%;
margin-top:5px;
left:0;
}
#suggest{
position:relative;
}
.post-list .plist > div{
cursor:pointer;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding:5px 10px 5px 10px;
}
.post-list .next .hv,.post-list .plist > .hv,.post-list .plist > div:hover,.post-list .next span:hover{
background-color:#aaa;
color:#fff;
}
.plist .esti,.plist .ord,.plist .pay,.plist .dln{
text-indent:40px;
background-image:url(../img/checksheet.png);
background-repeat: no-repeat;
background-position: left 15px center;
background-size:18px;
}
.plist .dln{
background-image:url(../img/out.png);
}
.plist .ord{
background-image:url(../img/in.png);
}
.plist .pay{
background-image:url(../img/payment.png);
}
.post-list .next{
height:25px;
text-align:center;
cursor:pointer;
color:#999;
font-size:12px;
}
.post-list .next span{
padding:5px 0 5px 0;
display:block;
width:50%;
float:right;
font-weight:bold;
}
.post-list .next span:first-child{
float:left;
}
.off{
font-weight:normal !important;
cursor:normal;
color:#ccc;
}
.off:hover{
background-color:transparent !important;
color:#ccc !important;
}
.item-box,.stock-box{
position:relative;
border:1px solid #eee;
border-radius:5px;
overflow:hideden;
margin:0.5%;
width:32.3%;
float:left;
word-break: break-all;
}
.item-box .name,.item-box .memo>span{
cursor:pointer;
}
.item-box .date{
font-size:12px;
color:#aaa;
}
.page-icon{
width:42px;
height:42px;
float:left;
margin-right:10px;
background-repeat: no-repeat;
background-position: right bottom;
background-size:34px;
}
.item-box .page-icon img{
width:100%;
margin:3px 0 0 3px;
cursor:pointer;
border-radius:3px;
}
#dummy-img{
position:fixed;
left:50%;
top:50%;
border-radius:3px;
z-index:10;
box-shadow: 0 0 4px rgba(0,0,0,.5);
padding:10px 10px 40px 10px;
background-color:#fff;
cursor:pointer;
}
#dummy-img img{
border-radius:3px;
}
#dummy-img span{
font-weight:bold;
position:absolute;
bottom:10px;
width:100%;
padding-right:20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.month-cal .cmm img{
width:40px;
height:40px;
border-radius:5px;
float:left;
margin-left:-60px;
}
.info-title{
opacity:.6;
color:#fff;
height:40px;
line-height:40px;
border-radius:5px;
text-align:center;
margin:30px 0 20px 0;
font-weight:bold;
}
.mc-cal{
color:#fff;
content:"カレンダー";
diplay:inline-block;
height:30px;
line-height:30px;
font-size:10px;
padding:0 10px 0 30px;
position:absolute;
left:24px;
z-index:1;
margin:35px 0 -35px 0;
cursor:pointer;
background-image:url(../img/menu-white.png);
background-repeat: no-repeat;
background-position: left 10px center;
border-radius:5px;
background-size:12px;
}
.mc-cal:hover{
background-color:rgba(0,0,0,.2);
}
.box>.mc-cal{
line-height:32px;
}

.page-icon-delinote{background-image:url(../img/out.png);}
.page-icon-payment{background-image:url(../img/payment.png);}
.page-icon-estimate{background-image:url(../img/checksheet.png);}
.page-icon-process{background-image:url(../img/process.png);}
.page-icon-job{background-image:url(../img/check2.png);}
.page-icon-item_order{background-image:url(../img/in.png);}
.page-icon-supplier{background-image:url(../img/sup.png);}
.page-icon-delivery{background-image:url(../img/deli.png);}
.page-icon-staff{background-image:url(../img/owner.png);}
.page-icon-product{background-image:url(../img/item.png);}

.check-box .page-icon{
background-image:url(../img/speark.png) !important;
background-size:32px;
background-position: left 10px top 7px;
}
.check-box .gear{
display:block;
width:40px;
height:40px;
position:absolute;
right:0;
bottom:0;
background-image:url(../img/gear.png);
background-repeat: no-repeat;
background-position: center center;
background-size:12px;
opacity:.4;
}
.check-box .gear:hover{
opacity:.6;
}
.item-box .memo{
width:100%;
padding:10px;
border-top:1px solid #eee;
margin-top:5px;
}
.check-box .memo{
padding-right:60px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.check-box .memo .small{
margin-right:10px;
}
.check-box .job-btn{
position:absolute;
right:10px;
bottom:5px;
font-size:12px;
padding:5px 10px 5px 10px;
border:1px solid #eee;
border-radius:3px;
cursor:pointer;
}
.check-box .job-btn:hover{
background-color:#bbb;
color:#fff;
}
.check-box .name{
cursor:pointer;
}
.job-box{
padding-top:22px;
position:relative;
}
.job-box .name{
}
.job-box .pbxp{
display:inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position:absolute;
top:8px;
left:0;
width:100%;
padding:0 20px 0 12px;
}
.job-box .memo{
text-align:center;
position:relative;
padding:0;
height:40px;
}
.job-box .st,.job-box .mv,.job-box .cm,.job-box .rv{
color:#fff;
font-size:12px;
height:26px;
line-height:28px;
border-radius:3px;
position:absolute;
bottom:6px;
left:10px;
text-align:center;
min-width:55px;
opacity:.5;
}
.own-info .st,.own-info .mv,.own-info .cm,.own-info .rv{
color:#fff;
font-size:10px;
height:8px !important;
line-height:8px !important;
margin-right:5px !important;
border-radius:2px;
text-align:center;
width:8px !important;
}
.job-box .st:hover,.job-box .mv:hover,.job-box .cm:hover,.job-box .rv:hover{
opacity:1;
}
.own-info .st,.job-list .box .st,.job-box .st,.item-box2 .st{background-color:#deb887 !important;color:#fff !important;}
.own-info .mv,.job-list .box .mv,.job-box .mv,.item-box2 .mv{background-color:#20b2aa !important;color:#fff !important;}
.own-info .cm,.job-list .box .cm,.job-box .cm,.item-box2 .cm{background-color:#8fbc8f !important;color:#fff !important;}
.own-info .rv,.job-list .box .rv,.job-box .rv,.item-box2 .rv{background-color:#f08080 !important;color:#fff !important;}

.job-box .edit,.job-box .no-edit{
display:block;
font-size:12px;
padding:4px 10px 4px 10px;
opacity:.4;
float:right;
margin-top:7px;
margin-right:7px;
}
.job-box .edit{
background-image:url(../img/gear.png);
background-repeat: no-repeat;
background-position: center center;
background-size:12px;
}
.job-box .edit:hover{
opacity:.6;
}
.job-box .push{
padding:4px 10px 4px 10px;
opacity:.5;
background-repeat: no-repeat;
background-position: center center;
background-size:13px;
background-image:url(../img/bell.png);
}
.job-box .push-auth .push{
background-image:url(../img/bell-auth.png);
}
.job-box .memo .small{
margin-top:7px;
line-height:27px;
padding:0 10px 0 15px;
display:inline-block;
border-radius:3px;
height:27px;
margin-left:55px;
}
.job-box .memo .small:hover{
background-color: #eee;
color:#666;
}
.item-box .ibox img{
width:100%;
height:100%;
}
.item-box .ibox .txt{
width:100px;
height:100px;
text-align:center;
font-size:38px;
color:#fff;
font-weight:bold;
line-height:100px;
}
.item-box .ibox{
font-size:10px;
position:relative;
overflow:hidden;
border-radius:5px 0 0 5px;
width:100px;
height:100px;
display:block;
float:left;
margin-right:10px;
}
.custom-box{
cursor:auto;
}


.custom-box .memo-box{
display:none;
z-index:1;
position:fixed;
top:50%;
left:50%;
background-color:#fff;
width:300px;
height:300px;
margin-top:-150px;
margin-left:-150px;
box-shadow: 0 0 4px #ccc;
border-radius:5px;
border-width:2px;
border-style:solid;
padding:30px 10px 10px 10px;
}
.custom-box .memo-box .bname{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position:absolute;
text-align:center;
padding:0 25px 0 10px;
margin:-30px 10px 20px -10px;
font-weight:bold;
width:100%;
height:24px;
line-height:24px;
}
.memo-box .bname span{
display:block;
position:absolute;
top:0px;
right:0px;
cursor:pointer;
width:30px;
height:30px;
}
.custom-box .memo-box .exp{
margin:0 10px 0 -10px;
padding:10px;
position:absolute;
bottom:0;
width:100%;
overflow-y:auto;
height:150px;
background-color:#fafafa !important;
}
.memo-box .t,.memo-box .m{
padding:2px 0 2px 20px;
background-repeat: no-repeat;
background-position: left center;
background-size:13px;
background-image:url(../img/tel.png);
}
.memo-box .m{
background-image:url(../img/mail.png);
}

.custom-box .ibox{
position:absolute !important;
width:40px !important;
height:40px !important;
left:0px;
top:0px;
border-radius:5px 0 0 0;
}
.custom-box .ibox .txt{
font-size:16px !important;
line-height:42px !important;
width:40px !important;
height:40px !important;
}

.custom-box .name{
margin:0 !important;
height:40px;
line-height:14px;
padding-left:48px;
padding-right:30px;
padding-top:10px;
}
.custom-box .name .small{
display:block;

}
.custom-box .cov > div{
float:left;
width:69%;
height:40px;
line-height:40px;
text-align:center;
font-size:12px;
font-weight:bold;
color:#999;
background-color:#f4f4f4;
}
.custom-box .cov a{
padding:0 5px;
background-color:#f4f4f4;
cursor:pointer;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height:100%;
width:100%;
display:block;
color:#999;
}
.custom-box .cov > div a:hover{
background-color:#f0f0f0;
}
.custom-box .cov > div:nth-child(2){
margin-left:0.5%;
width:15%;
}
.custom-box .cov > div a span{
padding-left:20px;
background-image:url(../img/tel.png);
background-repeat: no-repeat;
background-position: left center;
background-size:12px;
}
.custom-box .cov > div:nth-child(2) a{
background-image:url(../img/mail.png);
background-repeat: no-repeat;
background-position: center center;
background-size:18px;
}
.custom-box .cov > div:last-child{
float:right;
width:15%;
}
.custom-box .cov > div:last-child a{
background-image:url(../img/memo.png);
background-repeat: no-repeat;
background-position: center center;
background-size:18px;
}

.item-box .name{
font-weight:bold;
margin:5px 10px 5px 5px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-right:20px;
}
.item-box .cov{
height:20px;
}
.staff-box{
height:75px;
overflow:hidden;
position:relative;
cursor:auto;
}
.staff-box .auth{
position:absolute;
right:5px;
}
.staff-box .ibox{
width:75px;
height:75px;
z-index:1;
background-image:url(../img/staff.png);
background-repeat: no-repeat;
background-position: center center;
background-size:68px;
}
.pickupimages{
width:100%;
cursor:pointer;
}
.staff-box .exp{
width:100%;
padding-right:5px;
padding-left:80px;
line-height:26px;
position:absolute;
text-align:center;
background-color:#f4f4f4;
font-weight:bold;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
cursor:pointer;
color:#999;
}
.staff-box .name>div,.custom-box .name>div,.item-box .name>.edit{
width:30px;
height:30px;
position:absolute;
right:0;
top:0;
background-image:url(../img/gear.png);
background-repeat: no-repeat;
background-position: center center;
background-size:14px;
opacity:.5;
cursor:pointer;
}
.staff-box .name>div:hover{
opacity:1;
}
.staff-box .name{
padding-right:20px;
}
.staff-box .ibox .txt{
width:75px;
height:75px;
text-align:center;
font-size:28px;
color:#fff;
font-weight:bold;
line-height:75px;
opacity:.5;
}
.item-box .suppp,.item-box .sellp{
font-size:10px;
float:left;
}
.item-box .stock{
width:100%;
position:absolute;
left:50%;
margin-left:-50px;
bottom:0;
border-radius:0 0 0 5px;
opacity:.7;
color:#fff;
height:20px;
line-height:20px;
text-align:center;
}
.item-box .exp{
font-size:12px;
height:50px;
overflow:hidden;
margin-right:10px;
}

#camera-box{
text-align:center;
z-index:2;
display:none;
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
background-color:#000;
}
#snap{
display:none;
width:200px;
height:200px;
}
.camera{
cursor:pointer;
position:absolute;
right:0;
margin-top:-34px;
margin-right:4px;
height:30px;
width:30px;
background-image:url(../img/pushimg.png);
background-repeat: no-repeat;
background-position: center center;
background-size:40px;
}
#camera-stop{
cursor:pointer;
z-index:1;
position:absolute;
bottom:50px;
left:50%;
width:40px;
height:40px;
margin-left:-20px;
border:none;
border-radius:20px;
background-image:url(../img/camback.png);
background-repeat: no-repeat;
background-position: center center;
background-size:40px;
}
#video,.drawingBuffer{
position:absolute;
top:45%;
left:50%;
object-fit: fill;
-ms-transform: translate(-50%,-50%);
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
}
.scan-border{
z-index:2;
position:absolute;
max-width:520px;
width:70%;
height:60px;
top:45%;
left:50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
border-left:2px solid rgba(255,255,255,.5);
border-right:2px solid rgba(255,255,255,.5);
}
.scan-border span{
display:block;
height:50%;
border-bottom:1px solid rgba(255,0,0,.5);
}
#camera-box .cov{
position:absolute;
width:100%;
height:100%;
top:-5%;
left:0;
background-image:url(../img/pointer.png);
background-repeat: no-repeat;
background-position: center center;
background-size:30%;
}

input[name='barcode']{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-right:24px;
}

#alert,#confirm{
display:none;
position:fixed;
top:30%;
left:50%;
width:300px;
height:200px;
margin-left:-150px;
border-radius:5px;
z-index:100;
overflow:hidden;
border:1px solid;
}
#alert > input,#confirm > input{
position:absolute;
bottom:0;
background-color:rgba(0,0,0,.3);
font-size:16px;
border:none;
border-radius:0;
width:100%;
height:40px;
cursor:pointer;
color:#fff;
}
#alert > input:hover,#confirm > input:hover{
background-color:rgba(0,0,0,.2);
}
#alert .message .txt,#confirm .message .txt{
width:298px;
height:160px;
display:table-cell;
vertical-align: middle;
padding:7px 10px 7px 10px;
}
#alert .message,#confirm .message{
word-break: break-all;
width:100%;
height:160px;
overflow:hidden;
overflow-y:auto;
color:#fff;
}
#confirm > input{
width:50%;
}
#confirm > input:last-child{
right:0;
}

/* SEARCH BOX */
.search-box{
background-color:#eee;
padding:10px 20px 20px 20px;
margin:0 0 30px 0;
position:relative;
}

.next-page{
margin:0 auto;
margin-top:20px;
width:100%;
max-width:500px;
height:50px;
color:#aaa;
cursor:pointer;
border-radius:3px;
border:1px solid #eee;
background-color:#f5f5f5;
text-align:center;
line-height:50px;
}
.next-page:hover{
background-color:#ccc;
color:#fff;
}
.reset{
font-size:10px;
width:60px !important;
cursor:pointer;
background-color:transparent !important;
color:#aaa;
height:32px !important;
line-height:32px;
padding:0 !important;
border-radius:16px !important;
}
.reset:hover{
color:#000;
border-color:#000;
}
.search .reset{
margin-top:8px;
float:right;
}
.list-cov{
min-height:150px;
overflow-x:auto;
-webkit-overflow-scrolling: touch;
}
.nodata{
color:#ccc;
font-weight:bold;
text-align:center;
margin:0 auto;
margin-top:135px;
margin-bottom:100px;
}

/* SUM DATA */
.space-memo{
line-height:20px;
margin-top:45px;
margin-bottom:10px;
border:1px solid #eee;
border-radius:5px;
padding:10px 15px;
font-size:12px;
color:#999;
}
.space-memo span:first-child{
font-size:10px;
margin-right:30px;
display:inline-block;
background-color:#aaa;
border-radius:3px;
padding:1px 5px;
margin:3px 20px 3px 0;
color:#fff;
}
.sum-data{
font-size:12px;
padding:0;
#padding-top:15px;
margin-top:-10px;
margin-bottom:20px;
}
.sum-data div{
line-height:36px;
border-bottom:1px solid #eee;
padding:5px;
}
.sum-data div span:last-child{
font-weight:bold;
font-size:14px;
color:#666;
float:right;
}
.sum-data div span{
position:relative;
display:inline-block;
}
.item-true::after{
content: "";
display:block;
position:absolute;
margin:-11px 0 0 -10px;
opacity:.4;
background-color:#f00;
width:5px;
height:5px;
border-radius:2.5px;
}
.select-list > div .item-true::after{
margin:-13px 0 0 -10px;
}
.slct::after,.item-true:hover::after{
background-color:#f00;
}
.item-child::before,.dir-child::before{
content: "";
display:block;
float:right;
margin:7px -10px 0 5px;
border-style: solid;
border-width: 6.1px 3.5px 0 3.5px;
}
.item-child::before{
border-color: #f00 transparent transparent transparent;
opacity:.7;
}
.bg-base .dir-child::before{
border-color: #688A08 transparent transparent transparent;
opacity:.9;
}
.bg-cate .dir-child::before{
border-color: #DBA901 transparent transparent transparent;
opacity:.9;
}
.slct::before{
border-color: #fff transparent transparent transparent !important;
opacity:.7;
}
.dir-child:hover::before{
}
.item-child::before{
border-color: #f00 transparent transparent transparent !important;
}
.stock-exp{
font-size:10px;
}
.stock-exp span{
display:block;
float:right;
line-height:20px;
margin-right:15px;
}
.stock-exp .item-child::before{
border-color: #f00 transparent transparent transparent;
opacity:.7;
margin:8px 5px 0 0;
float:left;
}


.message-box{
min-height:60px;
border:1px solid #eee;
margin-bottom:30px;
border-radius:5px;
}

#item-link{
display:none;
position:absolute;
display:inlin-block;
width:80px;
height:24px;
border-radius:12px;
cursor:pointer;
margin:0 0 0 -80px;
}
#item-link::after{
content:"▼";
position:absolute;
font-size:10px;
top:5px;
right:-10px;
transform: rotate(30deg);
}
#item-link label{
border:none;
position:relative;
display:inline-block;
width:50%;
height:24px;
pading:0;
margin:0;
background-repeat: no-repeat;
background-position: center center;
background-size:14px;
cursor:pointer;
}
#item-link label:hover{
pading:0;
margin:0;
background-color:transparent !important;
opacity:.5;
}
#item-link label:first-child{
float:left;
background-image:url(../img/search-white.png);
}
#item-link label:last-child{
float:right;
background-image:url(../img/edit-white.png);
}



/* UPDATE */
#item-update{
display:none;
//nanase
}
#product-update{
display:none;
}
#base-update{
display:none;
}
#category-update{
display:none;
}
#supplier-update{
display:none;
}
#delivery-update{
display:none;
}

/* ADD BUTTON */
.page-head h3{
}
.page-head .button2{
cursor:pointer;
border-radius:3px;
font-size:12px;
float:right;
margin-right:120px;
font-weight:bold;
margin-top:0px;
width:100px;
height:24px;
line-height:24px;
padding:0 !important;
border-style:solid;
background-color:transparent !important;
}
.page-head .button2:hover{
opacity:.5;
}
#option-select{
margin-top:10px;
display:none;
}
#option,#option-form,.option-dummy{
margin-top:10px;
}
#option-select > .bx > input{
width:25%;
}
#option-form .opt-title{
color:#fff;
border-radius:3px;
display:inline-block;
margin-top:20px;
padding:3px 10px 3px 10px;
position:relative;
}
#option-select .opt-box input{
color:#666;
width:auto;
float:left;
margin:0;
margin-left:10px;
height:auto;
padding:0;
line-height:38px;
}
#option-select .opt-box{
width:100%;
height:auto;
float:right;
color:#666;
font-size:12px;
overflow:visible;
line-height:38px;
padding:0 20px 0 0;
}
#option-select .opt-box p{
margin:5px 0 0 5px;
padding:3px 20px 3px 5px;
float:left;
color:#fff;
border-radius:3px;
line-height:20px;
position:relative;
}
#option-select .opt-box p span{
position:absolute;
right:5px;
cursor:pointer;
}
#option-select .bx .cl{
position:absolute;
right:10px;
font-weight:bold;
color:#ccc;
margin-top:13px;
cursor:pointer;
display:inline-block;
}
#option-select .opt-box input{
margin:0 0 0 10px;
border:none;
padding:0;
background-color:transparent !important;
height:36px;
}
#option-select > span{
margin-bottom:10px;
opacity:.5;
cursor:pointer;
font-size:12px;
border-style:solid;
border-width:1px;
border-radius:3px;
width:80px;
text-align:center;
height:28px;
line-height:28px;
}
#option-select > span.addlist,.supplier-icon span.addlist{
background-image:url(../img/folder.png);
background-repeat: no-repeat;
background-position: center center;
background-size:16px;
width:44px;
}
#option-select > .addmb,
#option-select > .addim,
#option-select > .addnb,
#option-select > .addsk,
#option-select > .addms{
width:44px;
}
#option-select > span:hover{
opacity:1;
}
.supplier-icon span.addlist{
cursor:pointer;
font-size:12px;
border-style:solid;
border-width:1px;
padding:3px 0;
border-radius:3px;
width:30px;
margin-right:5px;
display:block;
float:right;
text-align:center;
}
.supplier-icon span.addlist:hover{
opacity:.3;
}
#option-select .bx{
display:none;
}
#option-select .bx:nth-child(3){
display:block;
}
span.kind{
font-size:10px;
float:left;
color:#fff;
border-radius:3px;
margin-right:5px;
padding:1px 5px;
opacity:.7;
}
span.nokinds{
float:left;
padding:1px 0;
font-size:10px;
color:#999;
}

.order-list{
border:1px solid #ccc;
border-radius:3px;
width:100%;
background-color:#fff;
overflow-x:auto;
-webkit-overflow-scrolling: touch;
}
.order-add,.ship-add{
cursor:pointer;
border-radius:3px;
font-size:12px;
float:right;
text-align:center;
margin-bottom:5px;
width:80px;
height:24px;
line-height:24px;
padding:0 0 0 0 !important;
border-style:solid;
border-width:1px;
}
.order-add:hover{
opacity:.5;
}
.order-list table{
width:598px;
}
.order-list table img{
display:block;
width:100%;
}
.order-list .list table{
margin:5px 0 5px 0;
}
.order-list td{
text-align:center;
font-size:10px;
padding:5px 0;
background-color:#eee;
border-spacing:1px;
}
.order-list tr:first-child td:nth-child(1){width:15%;}
.order-list tr:first-child td:nth-child(2){width:30%;}
.order-list tr:first-child td:nth-child(3){width:45%;}
.order-list tr:first-child td:nth-child(4){width:10%;}

.order-list .item td{
font-size:12px;
background-color:transparent;
border:1px solid #eee;
padding:0;
}
.order-list input,.order-list select{
border:none;
margin:0;
}
.order-list .del{
padding:5px;
color:#fff;
border-radius:3px;
background-color:#F08080;
cursor:pointer;
}
.order-list input.num{
text-align:right;
}
.order-list input.num::placeholder{
text-align:center;
}
.in-sum .gp{
font-size:10px;
margin:-5px 0 0 20px;
}
.in-sum .gp span{
margin-left:15px;
font-weight:bold;
font-size:12px;
}
.in-sum .sp:after,.in-sum .dp:after,.in-sum .gp span:after{
content:" 円";
clear: both;
font-size:10px;
font-weight:normal;
}
.in-sum .half-left,.in-sum .half-right{
font-size:10px;
border-bottom:1px solid #ccc;
padding-bottom:5px;
margin-top:20px;
}
.in-sum .sp,.in-sum .dp{
float:right;
font-size:14px;
font-weight:bold;
}

.irregular textarea{
min-height:auto;
display:block;
}
/* ITEM_BOX2 */
.item-box2 input,.item-box2 textarea{
min-height:auto;
height:100%;
margin:1px;
text-align:center;
top:0;
left:0;
position:absolute;
}
.item-box2 textarea{
text-align:left;
z-index:1;
}
.item-box2 .cov,.order-title{
position:relative;
width:100%;
min-width:800px;
border-spacing:0;
border-collapse: collapse;
}
.item-box2 tr:first-child{
background-color:#f7f7f7;
}
.item-box2 td{
border:1px solid #eee;
border-top:none;
padding:5px 7px;
font-size:12px;
}
.item-box2:first-child td{
border:1px solid #eee;
}
.item-box2 .id,.order-title .id{
width:12%;
}
.item-box2 .st,.order-title .st{
text-align:center;
width:10%;
}
.item-box2 .nm,.order-title .nm{
width:27%;
}
.item-box2 .od,.order-title .od{
text-align:center;
width:13%;
}
.item-box2 .os,.order-title .os{
width:15%;
text-align:right;
}
.order-title .os{
text-align:center;
}
.item-box2 .sp,.order-title .sp{
width:15%;
text-align:right;
}
.order-title .sp{
text-align:center;
}
.item-box2 .bt,.order-title .bt{
width:8%;
text-align:center;
}
.item-box2 .bt{
background-color:#fff;
}
.item-box2 .sf{
height:45px;
}
.item-box2 .ep{
}
.item-box2 .cd,.order-title .cd{
text-align:center;
width:24%;
}
.item-box2 .c{
background-color:#ff9966;
color:#fff;
}
.item-box2 .w{
background-color:#ffcc99;
color:#fff;
}
.item-box2 .n{
background-color:#ff9966;
color:#fff;
}

.item-box2 .ex,.item-box2 .dl,.details .cl,.details .sv,.details .ed{
display:inline-block;
width:70%;
cursor:pointer;
color:#aaa;
border-radius:3px;
}
.details-box{
min-height:150px;
list-style-type: none;
padding:0;
margin:0;
}
.details-box table{
width:100%;
border-collapse: collapse;
}
.details-box li{
padding:5px;
font-size:12px;
border-bottom:1px solid #eee;
background-color:#fff;
position:relative;
}

.item-box2 .ex{
height:40px;
line-height:40px;
background-color:rgba(240,243,230,1);
}
.est{
border-collapse:separate !important;
margin-bottom:10px;
border:1px solid #ddd;
}
.est .ex{
width:100%;
height:24px;
line-height:24px;
}
.sms .ex{
width:100%;
height:24px !important;
line-height:24px;
}
.details .cl,.details .sv,.details .ed,.details .dl{
color:#fff;
position:absolute;
right:0;
font-size:12px;
text-align:center;
height:35px;
line-height:35px;
width:8%;
border-radius:3px;
opacity:.7;
}
.details .cl:hover,.details .sv:hover,.details .ed:hover,.details .dl:hover{
opacity:1;
}
.details .sv{
left:42%;
width:20%;
}
.details .ed{
left:21%;
width:20%;
}
.details .dl{
left:0;
width:20%;
}
.details .form-err{
position:absolute;
left:63%;
padding:5px 10px;
width:30%;
line-height:14px;
}
.item-box2 .bt span:hover{
color:#000;
}
.order-title{
width:100%;
margin-bottom:10px;
font-size:12px;
text-align:center;
background-color:#eee;
border:1px solid #ddd;
}
.order-title td{
border:1px solid #fff;
padding:5px 0;
}

.item-box2 .details{
width:100%;
min-width:800px;
position:relative;
display:none;
border-bottom:1px solid #eee;
padding-bottom:40px;
margin-top:25px;
}
.item-box2 .details .head{
padding:60px 0 30px 0;
}
.item-box2 .details .head > div{
float:left;
border:1px solid rgba(240,243,230,1);
border-radius:5px;
padding-right:10px;
width:32%;
height:36px;
font-size:12px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.item-box2 .details .head > div:nth-child(2),.item-box2 .details .head > div:nth-child(3){
margin-left:2%;
}
.item-box2 .details .head > div span{
display:inline-block;
background-color:rgba(240,243,230,1);
font-size:10px;
margin-right:10px;
float:left;
width:70px;
height:36px;
line-height:34px;
text-align:center;
}
.item-box2 .details .head > div div{
display:inline-block;
line-height:36px;
}
.item-box2 .details .head > div:nth-child(2){
text-align:center;
}
.item-box2 .details .head > div:nth-child(3){
text-align:right;
}
.item-box2 .details table{
width:100%;
border-spacing:1px;
}
.item-box2 .details td{
background-color:rgba(240,243,230,1);
border:none;
padding:7px 10px;
text-align:left;
width:12%;
position:relative;
}
.item-box2 .details tr:nth-child(2) td{
background-color:rgba(240,243,230,.5);
}
.item-box2 .details td:nth-child(1){
background-color:rgba(240,243,230,.5);
}
.item-box2 .details td img{
width:100%;
}
.item-box2 .details .tb-title td{
text-align:center;
}
.est td{
border:none !important;
border-left:1px solid #eee !important;
word-break : break-all;
}
.est tr td:first-child{
border:none !important;
}
#cmanCLD_POP{
z-index:1;
}
#cmanCLD_ID_area{
border-radius:5px;
padding:0 0 5px 0;
overflow:hidden;
border-color:#ccc !important;
box-shadow: 0 0 4px #ccc;
}
#cmanCLD_ID_ym tbody{
font-size:10px;
color:#888;
}
#cmanCLD_ID_outy > div{
display:none;
}
#cmanCLD_ID_dateList td{
font-size:12px;
height:18px !important;
line-height:18px;
}
#cmanCLD_ID_dateList tr:nth-child(2) td::before{
content:"";
display:block;
height:5px;
}
#cmanCLD_ID_dateList th{
color:#888 !important;
font-size:10px !important;
border-color:#ddd !important;
}
.cmanCLD_CSS_btm svg{
width:15px !important;
}
.input-date{
cursor:pointer;
background-image:url(../img/calendar.png);
background-repeat: no-repeat;
background-position: center right;
background-size:40px;
}

.item-box2 .details-btn{
background-color:rgba(240,243,230,1);
border-color:#eee;
float:right;
margin-bottom:20px;
margin-top:20px;
width:50%;
}
.item-box2 .details-btn:hover{
background-color:rgba(240,243,230,0.5);
cursor:pointer;
}

.badge{
position:absolute;
width:20px;
height:20px;
border-radius:10px;
text-align:center;
line-height:21px;
opacity:.6;
color:#fff;
font-size:10px;
top:-3px;
right:-3px;
}

.details-area{
overflow-x:auto;
width:1000px;
margin:0 200px 0 -200px !important;
-webkit-overflow-scrolling: touch;
}
.details-area .cov{
width:1000px;
}
.details-area .cov > table{
background-color:#f5f5f5;
font-size:12px;
width:100%;
border:1px solid #eee;
height:28px;
margin-top:10px;
margin-bottom:15px;
}
.details-area li{
font-size:12px;
}
/*
.details-area li> div::before{
content:"";
padding:0 0 0 20px !important;
border:1px solid #f00;
height:100%;
}
*/
.details-area li> div.val_mb{
padding-left:25px !important;
}
.details-area li> div.val_ms{
padding-left:25px !important;
}
.details-area .cov > table td{
text-align:center;
border-left:1px solid #eee;
}
.details-area td:first-child{
border:none;
}
.details-area .sum td{
padding:5px 5px;
border-top:1px solid #eee;
}
.details-area .sum tr:first-child td{
border-top:none;
}
.details-box li > div div{padding:0 !important;margin:0 !important;}
.details-box table td{
padding:5px 5px;
border-left:1px solid #eee;
}
.details-area .cov > table td:first-child{
border-left:none;
}
.details-box .im,.details-box .nb,.details-box .sk,.details-box .mb,.details-box .ms{
padding:0;
}
.details-box .ms > div{
padding-left:20px !important;
}
.details-box .im td:first-child{
padding-left:40px !important;
}
.details-box .mb div,.details-box .ms div{
padding:5px;
}
.details-area .all_im_sum,.details-area .all_nb_sum,.details-area .all_sum{
font-weight:bold;
}
.details-area .net_sum{
display:inline-block;
min-width:115px;
text-align:right;
border-radius:3px;
background-color:#fbfbfb;
padding:0 3px;
}
.pdf{
background-image:url(../img/pdf.png);
background-repeat: no-repeat;
background-position: center center;
background-size:45px;
}
.pdf a{
cursor:pointer;
display:block;
width:100%;
height:50px;
}
.blink {
	animation: blink 1s linear infinite normal;
	-webkit-animation: blink 1s linear infinite normal;
	-moz-animation: blink 1s linear infinite normal;
	-o-animation: blink 1s linear infinite normal;
}
@keyframes blink{
	0% {opacity:.5;}
	50% {opacity:.1;}
	100% {opacity:.5;}
}
@-webkit-keyframes blink{
	0% {opacity:.5;}
	50% {opacity:.1;}
	100% {opacity:.5;}
}
@-moz-keyframes blink{
	0% {opacity:.5;}
	50% {opacity:.1;}
	100% {opacity:.5;}
}
@-o-keyframes blink{
	0% {opacity:.5;}
	50% {opacity:.1;}
	100% {opacity:.5;}
}
#mini{
font-size:12px;
position:absolute;
padding:10px;
border-style:solid;
border-width:3px;
background-color:#fff;
border-radius:5px;
z-index:1;
box-shadow: 0 0 6px #666;
}
#mini .cover{
width:90px;
height:100px;
text-align:center;
position:relative;
}
#mini .fuki{
position:absolute;
bottom:-22px;
text-align:center;
font-size:20px;
width:100%;
margin-left:-10px;
}
#mini .mini-button{
height:30px;
width:100%;
margin:0;
padding:0;
border-radius:3px;
position:absolute;
bottom:0px;
color:#fff;
line-height:30px;
cursor:pointer;
}
#mini .mini-button:hover{
opacity:.5;
}
#mini .cover select{
margin-top:7px;
width:100%;
}
#mini .cover .select:before{
margin-top:17px;
}
.bound{
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
opacity:0;
}
.history{
position:relative;
max-width:600px;
margin:25px auto;
}
.history input{
border:initial;
border-style:solid;
border-width:1px;
border-color:#aaa;
padding-left:100px;
padding-right:70px;
margin:0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.history input::placeholder{
color:#aaa;
}
.history-title{
text-align:center;
line-height:38px;
color:#fff;
border-radius:3px 0 0 3px;
position:absolute;
width:90px;
height:100%;
background-color:#aaa;
}

#pdtipt{
display:none;
position:absolute;
border-style:solid;
border-width:2px;
width:350px;
height:450px;
top:0;
left:0;
border-radius:5px;
background-color:rgba(240,243,230,1);
z-index:1;
}
#pdtipt .edit-del{
cursor:pointer;
display:inline-block;
width:22px;;
height:22px;
position:absolute;
right:90px;
margin-top:25px;
opacity:.5;
background-image:url(../img/gear.png);
background-repeat: no-repeat;
background-position: center center;
background-size:14px;
}
#pdtipt .dg{
position:absolute;
display:inline-block;
width:25%;
height:65px;
cursor:move;
background-image:url(../img/dg.png);
background-repeat: no-repeat;
background-position: center center;
background-size:40px;
}
.pdtipt-next{
font-size:10px;
display:block;
text-align:center;
background-color:rgba(240,243,230,.7);
margin:15px 100px 10px 100px;
padding:5px 0;
border-radius:20px;
}
#pdtipt .title{
height:25px;
line-height:25px;
margin-top:-27px;
}
#pdtipt .title span{
cursor:pointer;
font-size:12px;
display:inline-block;
width:24.5%;
margin-left:0.5%;
border-radius:5px 5px 0 0;
color:#fff;
text-align:center;
opacity:.7;
}
#pdtipt-tag{
width:70%;
margin:15px 2% 0 2%;
}
#pdtipt .plus,#pdtipt .minus{
border-style:solid;
border-width:1px;
border-radius:3px;
width:80px;
opacity:.5;
height:30px;
text-align:center;
margin:15px 2% 0 0;
cursor:pointer;
line-height:30px;
font-size:12px;
display:inline-block;
}
#pdtipt .plus:hover,#pdtipt .minus:hover{
opacity:1;
}
#pdtipt .title span:first-child{
margin-left:0;
}
#pdtipt .title .sl{
opacity:1;
}
#pdtipt .top-sel{
height:15%;
  box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);
}
#pdtipt .list-sel{
width:100%;
height:70%;
padding:10px;
background-color:rgba(255,255,255,.5);
display:none;
overflow-y:scroll;
-webkit-overflow-scrolling: touch;
cursor:pointer;
}
#pdtipt .list-sel>div:hover{
background-color:#F1F0E8;
}
#pdtipt .list-sel>.selec{
background-color:#d7d6ce;
color:#fff;
}
#pdtipt .list-sel01{
display:block;
}
#pdtipt .list-sel>div{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding:5px;
border-bottom:1px solid #eee;
border-radius:3px;
}
#pdtipt .list-sel>div .btn,#pdtipt .edit-del-btn{
display:inline-block;
float:right;
font-size:10px;
color:#fff;
padding:2px 10px;
margin-top:1px;
border-radius:3px;
opacity:.5;
}
#pdtipt .edit-del-btn{
width:30px;
height:18px;
background-color:#F78181;
display:none;
background-image:url(../img/trush-white.png);
background-repeat: no-repeat;
background-position: center center;
background-size:12px;
}
#pdtipt .list-sel>p{
text-align:center;
margin:100px 0 0 0;
}
#pdtipt .list-sel>p .ex{
display:block;
font-size:10px;
margin:10px 50px 0 50px;
border-top-style:dotted;
border-top-width:1px;
padding-top:10px;
}
#pdtipt .bottom-sel{
	height:15%;
  box-shadow: 0px -3px 3px -3px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px -3px 3px -3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px -3px 3px -3px rgba(0,0,0,0.4);
}
#pdtipt .bottom-sel p{
font-size:12px;
float:left;
width:268px;
padding:8px;
}
#pdtipt .bottom-sel input{
width:60px;
height:30px;
line-height:30px;
cursor:pointer;
float:right;
margin-top:20px;
padding:0;
opacity:.7;
margin-right:15px;
background-color:transparent;
}
#pdtipt .bottom-sel input:hover{
opacity:1;
}
.staff-top{
padding:0 0 20px 0;
border-style:solid;
border-width:0 0 3px 0;
margin-bottom:30px;
position:relative;
}
.staff-top .cov{
height:50px;
padding:20px 30px 0 30px;
}
.staff-top .sinfo{
position:absolute;
right:30px;
text-align:right;
}
.staff-top .sinfo,.staff-top .hello{
height:30px;
line-height:30px;
}
.hello{
position:absolute;
}
.dsh-title-back{
position:absolute;
height:100%;
width:100%;
border-radius:8px 8px 0 0;
opacity:.1;
}
.dsh-exp{
padding-left:15px;
margin:10px 0 10px 0;
}
.dsh-exp .small{
color:#666;
}
.dsh-exp-bottom{
text-align:right;
font-size:12px;
padding:5px 10px;
}

/* JOB WINDOW */
[name="job-edit-form"] textarea{
margin-top:13px;
height:90px;
}
.job-window{
display:none;
position:absolute;
z-index:1;
border-style:solid;
border-width:3px;
background-color:#fff;
border-radius:10px;
width: 100%;
height: 450px;
max-width:400px;
top: 0;
box-shadow: 0 0 6px #666;
#margin:7px;
margin:0;
overflow:hidden;
}
.job-window .footer .handle{
display:block;
position:absolute;
left:0;
width:70%;
height:100%;
}
.job-window .head{
height:30px;
line-height:30px;
color:#fff;
font-weight:bold;
padding:0 10px 0 10px;
position:relative;
cursor:move;
}
.job-window .footer{
height:60px;
line-height:60px;
padding:0 10px 0 10px;
position:absolute;
bottom:0;
width:100%;
cursor:move;
background-image:url(../img/dg.png);
background-repeat: no-repeat;
background-position: left 15px center;
background-size:40px;
background-color:#fff;
z-index:3;
}
.job-window .edit-pannel{
position:absolute;
display:block;
z-index:2;
background-color:#f7f7f7;
width:100%;
height:360px;
margin:300px 0 -300px 0;
padding:10px;
bottom:0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
  box-shadow: 0px -3px 3px -3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px -3px 3px -3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px -3px 3px -3px rgba(0,0,0,0.2);
}
.job-window .edit-pannel .select::before{
margin-top:7px;
}
.job-window .edit-pannel .select{
padding-top:5px;
width:100px;
right:10px;
position:absolute;
}
.job-window .edit-pannel select{
width:100px;
background-color:#fff;
margin:-2px 0 2px 0;
border-color:#ccc;
border-radius:3px;
}
.job-window .ex{
font-size:10px;
color:#999;
margin-top:3px;
margin-bottom:20px;
display:block;
}
.job-window .twrap{
z-index:1;
margin-top:30px;
background-color:#fff;
opacity:.8;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:1;
}
.job-window .footer .button2{
width:60px;
height:32px;
margin-top:17px;
margin-right:5px;
font-size:12px;
line-height:32px;
text-align:center;
border-radius:3px;
float:right;
cursor:pointer;
border-style:solid;
border-width:1px;
padding:0;
opacity:.5;
}
.job-window .footer .button2:hover{
opacity:1;
}
.job-window .footer .edit{
position:absolute;
width:60px;
height:37px;
margin-top:13px;
right:90px;
cursor:pointer;
background-image:url(../img/edit.png);
background-repeat: no-repeat;
background-position: left 30px center;
background-size:20px;
opacity:.7;
}
.job-window .footer .stf{
font-size:10px;
position:absolute;
left:75px;
top:0;
display:inline-block;
line-height:43px;
color:#777;
}
.job-window .cdate{
color:#777;
line-height:75px;
font-size:10px;
position:absolute;
left:75px;
top:0;
display:inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width:180px;
}
.job-window .til{
width:330px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display:inline-block;
padding-left:70px;
}
.job-window .wrap{
margin:30px 0 0 0;
padding:10px;
height:350px;
position:absolute;
top:0;
width:100%;
overflow-y:auto;
overflow-x:hidden;
-webkit-overflow-scrolling: touch;
}
.job-window .job-save:hover{
opacity:1;
}
.job-window .job-save{
width:100px;
height:35px;
padding:0;
margin:0 0 0 0;
color:#fff;
background-color:#666;
opacity:.5;
cursor:pointer;
float:right;
}
.wait{
width:100%;
text-align:center;
height:100%;
position:relative;
}
.wait img{
position:absolute;
top:50%;
margin-top:-10px;
width:20px;
height:20px;
}


/* CALENDAR COLOR */
.w0 .day{
color:#f08080;
background-color:rgba(255,0,0,.03);
}
.w6 .day{
color:#4682b4;
background-color:rgba(0,150,155,.03);
}
.hol .day{
color:#f08080 !important;
background-color:rgba(255,0,0,.03);
}
.job-list .cal{
position:relative;
height:40px;
line-height:40px;
border:1px solid #eee;
border-radius:5px;
padding:0 10px;
cursor:pointer;
margin:0 0 5px 0;
}
.job-list .cal .cov{
margin:-5px 0 0 -15px;
width:46px;
height:46px;
background-image:url(../img/cal.png);
background-repeat: no-repeat;
background-position: left center;
background-size:100%;
font-weight:bold;
text-align:center;
font-size:14px;
}
.job-list .cal .cov .mus{
color:#fff;
display:block;
height:24px;
line-height:30px;
font-weight:normal;
font-size:10px;
}
.job-list .cal .cov .m{
color:#777;
display:block;
height:24px;
line-height:20px;
}
.job-list ul{
margin:0;
padding:0;
list-style-type:none;
}
.job-list li{
margin:0;
padding:0;
min-height:27px;
position:relative;
}
.job-list .day{
font-size:12px;
height:27px;
border-top:1px dotted #eee;
padding:5px 0 5px 5px;
}
.job-list li:first-child .day{
border-top:none;
}
.job-list .day .d{font-weight:bold;margin-right:3px;opacity:.7;}
.job-list .day .w{font-size:10px;margin-right:30px;}
.job-list .day .h{font-size:10px;font-weight:bold;}
.job-list .box{
padding-left:5px;
position:relative;
padding-bottom:10px;
}
.job-list .box .dt{
font-size:10px;
display:inline-block;
border-bottom:1px solid #ccc;
position:relative;
padding-bottom:5px;
}
.job-list .box .nm{
font-size:10px;
display:inline-block;
padding-left:32px;
padding-bottom:5px;
border-bottom:1px solid #ccc;
}
.job-list .box .nm .mark,.job-window .footer .stf .scol{
display:inline-block;
width:8px;
height:8px;
margin-right:3px;
border-radius:5px;
}
/*
.job-list .box .dt::after{
content:"";
display:block;
width:40px;
height:15px;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
position:absolute;
top:20px;
left:15px;
}
*/
.job-list .box .cmm{
margin-left:60px;
margin-top:5px;
}
.job-list .box{
cursor:pointer;
}
.job-list .box .stt{
float:right;
display:block;
font-size:10px;
width:40px;
height:18px;
line-height:20px;
text-align:center;
border-radius:3px;
margin-top:2px;
padding:0;
}
.job-list .cal .op{
position:absolute;
left:50%;
font-size:24px;
bottom:-5px;
opacity:.6;
}
.top-info{
display:inline-block;
width:100%;
}
.top-info p{
text-align:center;
font-weight:bold;
color:#999;
font-size:14px;
}
.top-info p span{
display:block;
margin:0 auto;
border-radius:35px;
border:5px solid #ccc;
width:70px;
height:70px;
background-image:url(../img/check2.png);
background-repeat: no-repeat;
background-position: center center;
background-size:65%;
opacity:.5;
margin-top:50px;
margin-bottom:20px;
}
.top-info p a{
display:block;
font-size:12px;
margin-top:10px;
margin-bottom:30px;
}
.ajust-menu::after,.wait-menu::after{
content:"";
left:35px;
margin:-16px 0 0 63px;
display:block;
position:absolute;
width:10px;
height:10px;
border-radius:5px;
background-color:#ff8c00;
}
.ajust-menu::after{
background-color:#8fbc8f;
}
.ajust-menu::before,.wait-menu::before{
content:"開発中";
font-size:10px;
margin:1px 0 0 75px;
display:block;
position:absolute;
}
.ajust-menu::before{
content:"調整中";
}
.job-window .start,.job-window .now,.job-window .end{
position:absolute;
display:block;
left:45px;
top:0;
font-size:10px;
padding-left:20px;
}
.job-window .now .mark-a{
}
.job-window .mark-x,.job-window .mark-d,.job-window .mark-s,.job-window .mark-e{
display:inline-block;
width:12px;
height:12px;
border-radius:6px;
position:absolute;
top:14px;
left:0;
opacity:.5;
}
.job-window .mark-x{
left:46px;
top:8px;
}
.job-window .mark-a{
left:3px;
opacity:.5;
width:6px;
height:45px;
position:absolute;
dsiplay:block;
top:-1px;
}
.job-window .end .mark-a{
top:-15px;
opacity:1;
height:16px;
}
.job-window .start .mark-a{
opacity:1;
height:30px;
top:1px;
}
.job-window li .mark-a{
opacity:.5;
height:100%;
top:0;
left:49px;
}
body > .job-window li .en{
height:10px !important;
max-height:10px;
}
.job-window li .sr{
top:8px;
height:19px;
}
.job-window .mark-d{
top:7px;
left:-3px;
opacity:1;
}
.job-window li .sr .mark-d{
top:-1px;
}
.job-window li:last-child .day{
margin-bottom:10px;
}
.job-window li:last-child > .mark-a{
height:100%;
}
.job-window .nojob-lday > .mark-a{
height:38px  !important;
}
.job-window li:last-child > .sr{
top:8px;
height:29px;
}
.job-window .now-edit{
font-size:12px;
margin-top:7px;
margin-bottom:0px;
height:35px;
}
.job-window .now-edit .select{
display:none;
}
.job-window .now-edit label{
padding-left:15px;
height:25px;
float:left;
}
.job-window .now-edit label:last-child{
margin-left:15px;
}
.job-window .now-edit input + label::before{
width:12px;
height:12px;
top:5px;
left:0px;
}
.job-window .now-edit input:checked + label::after{
  top: 7px;
  left: 2px;
  width: 10px;
  height: 10px;
}
.job-window .own-edit{
font-size:12px;
margin-top:5px;
}
.job-window .own-edit .project-suggest{
margin-bottom:20px !important;
border-bottom:1px solid #ccc;
padding-bottom:20px;
}
.job-window .oweditbtn{
position:absolute;
left:5px;
top:0;
font-size:10px;
font-weight:normal;
display:none;
padding:0 10px 0 30px;
border-radius:3px;
height:27px;
line-height:30px;
cursor:pointer;
background-image:url(../img/menu-white.png);
background-repeat: no-repeat;
background-position: left 8px center;
background-size:12px;
}
.job-window .oweditbtn:hover{
background-color:rgba(0,0,0,.2);
}
.job-window .input-date{
width:49%;
height:35px;
}
.job-window input[name="lim-est"]{
float:right;
}
.job-window .job-edit-save:hover{
opacity:1;
}
.job-window .job-edit-save{
width:100px;
height:35px;
padding:0;
color:#fff;
background-color:#666;
opacity:.5;
cursor:pointer;
position:absolute;
right:0;
top:0;
}
.job-window .date-cov{
position:relative;
width:100%;
padding-right:105px;
}



/* MY CALENDAR */
#my-calendar{
margin-top:15px;
margin-bottom:25px;
display:none;
}
#my-calendar .month-cal .day{
height:100%;
text-align:center;
border:none;
border-right:1px dotted #eee;
padding:5px 0;
}
#my-calendar .job-window{
display:block;
position:relative;
border:none;
border-radius:0px;
width: 100%;
height: auto;
max-width:none;
box-shadow:none;
margin:0;
}
#my-calendar .box{
width:300px;
background-color:transparent;
position:absolute;
border:none;
padding:0;
padding-left:5px;
display:none;
}

#my-calendar .box .stt{
display:none;
}
#my-calendar .job{
position:absolute;
top:45px;
}
#my-calendar .job .mark-a{
top:-20px;
}
.job-window .own-info{
display:none;
cursor:pointer;
}
#my-calendar .own-info{
display:block;
position:absolute;
top:40px;
left:20px;
line-height:20px;
height:20px;
z-index:1;
}
#my-calendar .own-info .t{
font-weight:bold;
}
#my-calendar .own-info .mark{
display:inline-block;
width:8px;
height:8px;
margin-right:3px;
margin-left:10px;
border-radius:5px;
}
#my-calendar .own-info span{
width:auto;
height:auto;
line-height:20px;
display:inline-block;
font-size:10px;
margin:0;
padding:0;
}


#my-calendar .cal{
border:none;
margin:4px 0 10px 4px;
}
#my-calendar .month-cal{
width:100%;
height:100%;
white-space: nowrap;
margin-left:2px;
}
#my-calendar .job-list > .month-cal{
top:50px;
min-height:50px;
height:0px;
}
#my-calendar .job-list > .month-cal li,#my-calendar .job-list > .month-cal .day{
height:90px;
}
#my-calendar .job-list{
-webkit-overflow-scrolling: touch;
overflow:auto;
height:150px;
}
#my-calendar .edit-data{
margin:-40px 0 -40px 0;
}
#my-calendar .month-cal li{
display:inline-block;
width:40px;
height:100%;
position:relative;
}
#my-calendar .month-cal li:first-child .day{
border-left:1px dotted #eee;
}
#my-calendar .month-cal .day .w{
margin:0;
}
#my-calendar .month-cal .day .h{
display:none;
}
#my-calendar .mark-a{
transform: rotate(-90deg);
display:inline-block;
left:17px;
top:15px;
height:40px !important;
}
#my-calendar .end{
display:none;
}
#my-calendar .start{
display:none;
}
#my-calendar li:last-child .mark-a{
}
#my-calendar .job .mark-a{
display:none;
}
#my-calendar li .sr{
left:25px;
top:23px !important;
height:24px !important;
}
#my-calendar li .en{
height:20px !important;
top:25px !important;
left:7px;
}
#my-calendar li .sr{
top:26px;
height:19px;
}
#my-calendar .mark-d{
top:7px;
left:-3px;
opacity:1;
}
#my-calendar li .sr .mark-d{
top:-1px;
}
#my-calendar li .en .mark-d{
top:13px;
}
#my-calendar li:last-child .day{
margin-bottom:10px;
}
#my-calendar li:last-child .mark-a{
height:40px;
}
#my-calendar li:last-child .sr{
height:30px;
}
#my-calendar .mark-x{
left:10px;
top:28px;
}
#my-calendar .day-hide .day,#my-calendar .start,#my-calendar .now,#my-calendar .end{
display:none;
}
#my-calendar .day-hide{
height:35px;
}
.cal .pages{
display:none;
}
#my-calendar .cal .pages{
display:inline-block;
width:150px;
position:absolute;
right:0;
line-height:40px;
}
#my-calendar .cal .pages>div{
display:inline-block;
width:45%;
height:30px;
border:1px solid #999;
border-radius:3px;
font-size:12px;
line-height:30px;
margin-top:10px;
opacity:.5;
cursor:pointer;
}
#my-calendar .cal .pages>div:hover{
opacity:1;
}
#my-calendar .cal .pages > .nx{
margin-left:10%;
}

.big-menu{
display:block;
width:100%;
height:50px;
margin:0 0 0 0;
border-radius:5px;
color:#fff;
text-align:center;
font-weight:bold;
font-size:16px;
line-height:50px;
cursor:pointer;
position:relative;
opacity:.7;
}
.big-menu:hover{
opacity:1;
}
.big-menu::before{
content:"";
display:block;
position:absolute;
height:40px;
margin:5px;
width:10px;
opacity:.5;
border-radius:3px;
background-color:#fff;
}
.mc-menu{
position:absolute;
right:25px;
cursor:pointer;
color:#fff;
padding:5px 10px;
border-radius:5px;
margin:35px 0 -35px 0;
z-index:1;
}
.mc-menu:hover{
opacity:.5;
}
.form-handle,.form-handle-image{
display:none;
width:80px;
padding-left:20px;
margin-left:-40px;
line-height:20px;
cursor:pointer;
height:20px;
position:absolute;
bottom:5px;
left:50%;
text-align:center;
background-image:url(../img/menu.png);
background-repeat: no-repeat;
background-position: left center;
background-size:10px;
}
.form-handle::before{
content:"検索BOX";
display:block;
font-size:12px;
}

.joblink{
position:absolute;
margin-top:-4px;
margin-left:-30px;
display:inline-block;
width:24px;
height:24px;
background-image:url(../img/check2.png);
background-repeat: no-repeat;
background-position: center center;
background-size:100%;
}
.sysmanager{
border:1px solid #eee;
border-radius:5px;
padding:10px;
margin-top:35px;
position:relative;
height:60px;
cursor:pointer;
line-height:10px;
text-align:center;
font-size:10px;
color:#666;
opacity:1;
}
.sysmanager:hover{
opacity:.4;
}
.sysmanager .btn{
position:absolute;
bottom:0;
left:0;
height:30px;
line-height:30px;
text-align:center;
font-size:12px;
width:100%;
background-color:#F0EFEA;
color:#999;
border-radius:0 0 5px 5px;
}
.sys-ver{
font-size:10px;
text-align:center;
}


#project{
margin-top:35px;
padding:20px 10px 15px 10px;
background-color:#f3f3f3;
border-radius:5px;
border:1px solid #eee;
position:relative;
}
#project input::placeholder{
color:#000;
}
#project input{
margin:5px 0 5px 0;
border:1px solid #e7e7e7;
}
#project .p-before{
font-size:12px;
color:#fff;
background-color:#aaa;
border-radius:12px;
width:130px;
height:24px;
padding:0 25px 0 8px;
line-height:25px;
display:block;
text-align:right;
position:absolute;
z-index:1;
top:-10px;
font-weight:bold;
left:12.5%;
margin-left:-65px;
}
.cal-btn{
background-image:url(../img/menu.png);
color:#000;
position:static;
margin:10px 0 10px 0;
padding:0;
font-size:12px;
height:38px;
line-height:38px;
text-align:center;
background-color:#fff;
border:1px solid #eee;
}
#project .mc-cal:hover{
background-color:#eee;
}
#project .graph{
border:1px solid #e7e7e7;
height:20px;
margin-bottom:5px;
margin-top:3px;
position:relative;
background-color:#fff;
}
#project span.k,#project span.t,#project span.r,#project span.s{
display:inline-block;
width:10px;
height:10px;
margin:1px 2px -1px 0;
border-radius:3px;
background-color:#20b2aa;
}
#project span.t{
background-color:#8fbc8f;
}
#project span.r{
background-color:#deb887;
}
#project span.s{
background-color:#f08080;
}
#project .btn{
margin:5px 0;
}
#project .btkink,#project .btn .bt{
text-align:center;
cursor:pointer;
border-radius:3px;
font-size:12px;
border:1px solid #e7e7e7;
background-color:#fefefe;
width:100%;
color:#777;
margin:0;
display:inline-block;
}
#project .btkink:hover{
background-color:#f3f3f3;
}
.pr-title{
text-align:center;
font-weight:bold;
padding:5px 10px;
border-radius:3px;
margin:5px 0 10px 0;
border:1px solid #eee;
background-color:#e3e3e3;
}
#project select{
padding:0 20px 0 10px !important;
}
#project .select:before{
right:0px;
top:-5px;
width:15px;
}
#project .select{
position:relative;
float:left;
width:65%;
}
#project .btkink{
width:34%;
line-height:38px;
height:38px;
float:right;
}
#project .move,#project .comp,#project .ready,#project .stop{
background-color:#8fbc8f;
display:inline-block;
height:100%;
margin:0;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
}
#project .move{
background-color:#20b2aa;
}
#project .ready{
background-color:#deb887;
}
#project .stop{
background-color:#f08080;
}
#project .small{
margin-top:5px;
}
.pedit-btn{
font-size:10px;
opacity:1;
border-radius:3px;
width:50px;
height:20px;
float:left;
line-height:22px;
text-align:right;
padding-right:5px;
background-image:url(../img/menu-white.png);
background-repeat: no-repeat;
background-position: left 7px center;
background-size:12px;
cursor:pointer;
font-weight:normal;
display:inline-block;
margin:2px 0 0 0 !important;
}
.pedit-btn:hover{
opacity:.5;
}
#project-edit{
display:none;
border-top:1px solid #ccc;
padding-top:25px;
margin-top:15px;
}
#project-edit>div{
margin-bottom:15px;
}
#project-edit .til{
font-size:12px;
}
#project-edit [name="project-name"]{
margin:0;
width:65%;
border:1px solid #e7e7e7;
}
#project-edit .btkink{
}
#project-edit .select-per{
right:none;
text-align:left;
width:90px;
top:10px;
left:0;
}


#opt-setting{
color:#fff;
border-radius:3px;
font-size:12px;
cursor:pointer;
margin-top:25px;
display:inline-block;
width:120px;
text-align:center;
height:28px;
line-height:28px;
}

.parsley{
margin-top:15px;
width:100%;
height:50px;
background-image:url(../img/favicon.png);
background-repeat: no-repeat;
background-position: center center;
background-size:30px;
}

#purchaseinfo{
width:100%;
margin-bottom:30px;
display:none;
}
#paymentinfo{
margin-top:5px;
display:none;
margin-bottom:-10px;
}
#purchaseinfo .til{
font-size:12px;
margin-bottom:10px;
}
#purchaseinfo .til span{
font-weight:bold;
}
#paymentinfo .til{
padding-left:10px;
font-size:12px;
width:110px;
height:30px;
margin:0 auto;
line-height:30px;
display:block;
margin:0 auto;
text-align:center;
cursor:pointer;
background-image:url(../img/menu.png);
background-repeat: no-repeat;
background-position: left 10px center;
background-size:10px;
}
#paymentinfoall,#purchasegap{
margin:20px 0 0 0;
background-color:#eee;
padding:10px;
}
#paymentinfoall{
border-radius:3px;
padding:15px 15px 10px 15px;
margin-bottom:5px;
}
#purchasegap .itm{
font-size:12px;
line-height:20px;
padding:5px 10px;
display:inline-block;
margin:3px 3px;
background-color:#fff;
border-radius:3px;
border:1px solid #ddd;
}
#purchasegap .itm > span{
float:left;
margin-right:10px;
font-size:12px;
padding:0 5px;
border-radius:3px;
background-color:#aaa;
color:#fff;
line-height:21px;
height:20px;
}
#purchasegap .itm > .rv{
background-color:#f08080;
}
#purchasegap .itm > .cm{
background-color:#8fbc8f;
}
#purchasegap .itm > span span{
font-weight:bold;
margin-left:5px;
}

#purchaseinfo .ok,#purchaseinfo .plus,#purchaseinfo .minus{
display:inline-block;
border-bottom:1px solid #eee;
height:30px;
line-height:30px;
padding:0 5px 0 5px;
font-size:14px;
width:30%;
font-weight:bold;
text-align:right;
}
#purchaseinfo .ok{
margin-right:5%;
}
#purchaseinfo .minus{
margin-left:5%;
}
#purchaseinfo .ok::before,#purchaseinfo .plus::before,#purchaseinfo .minus::before{
font-weight:normal;
font-size:12px;
float:left;
}
#purchaseinfo .ok::before{
content:"入庫済";
}
#purchaseinfo .plus::before{
content:"未入庫";
}
#purchaseinfo .minus::before{
content:"過剰分";
}

#stock-search-form{
margin-bottom:0;
}
#paymentinfo .dtl-box{
border-bottom:1px solid #ddd;
padding:10px 10px 10px 5px;
}
#paymentinfo .dtl-cov .dtl-box:last-child{
border:none;
}
#paymentinfo .job{
font-size:12px;
margin-bottom:20px;
border:none;
border-bottom-style:solid;
border-bottom-width:1px;
opacity:.7;
text-align:center;
}
#paymentinfo .job span{
display:inline-block;
width:40px;
height:18px;
text-align:center;
line-height:20px;
}
#paymentinfo .memo{
cursor:pointer;
line-height:25px;
}
#paymentinfo .dtlall{
display:none;
}
#paymentinfodtl .status{
float:left;
position:relative;
display:inline-block;
width:70px;
height:24px;
line-height:26px;
margin:0;
font-size:12px;
border-radius:3px;
cursor:pointer;
padding-left:25px;
margin-right:10px;
background-image:url(../img/link.png);
background-repeat: no-repeat;
background-position: left 7px center;
background-size:13px;
}
#paymentinfo .st{background-color:#deb887 !important;color:#fff !important;}
#paymentinfo .mv{background-color:#20b2aa !important;color:#fff !important;}
#paymentinfo .cm{background-color:#8fbc8f !important;color:#fff !important;}
#paymentinfo .rv{background-color:#f08080 !important;color:#fff !important;}
#paymentinfo .yen{
float:right;
line-height:25px;
font-weight:normal;
}
#paymentinfo .small{
margin-left:5px;
}
#paymentinfoall .sum{
font-weight:bold;
margin-bottom:10px;
}
#paymentinfoall .sum span{
font-size:10px;
font-weight:normal;
color:#333;
}
#paymentinfoall > span{
width:24%;
display:inline-block;
text-align:right;
font-weight:bold;
border:none;
border-bottom:1px solid #ddd;
line-height:24px;
padding:0 10px 10px 0;
font-size:16px;
}
#paymentinfoall > span::before{
font-size:10px;
font-weight:normal;
float:left;
}
#paymentinfoall .est,#paymentinfoall .ord,#paymentinfoall .dln{
margin-right:1%;
}
#paymentinfoall .est::before{
content:"見積";
}
#paymentinfoall .pay::before{
content:"請求";
}
#paymentinfoall .ord::before{
content:"発注";
}
#paymentinfoall .dln::before{
content:"納品";
}
.quarter .half-left{
width:74% !important;
}
.quarter .half-right{
width:24% !important;
}
.sums-all{
}
.sums-all span{
border-bottom:1px solid #bbb;
margin-bottom:20px;
width:49%;
display:inline-block;
text-align:right;
font-size:14px;
font-weight:bold;
padding:0 10px 5px 0
}
.sums-all span.sm:before{content:"金額";}
.sums-all span.nb:before{content:"値引";}
.sums-all span.all:before{content:"合計";}
.sums-all span.all2:before{content:"粗利";}
.sums-all span.nt:before{content:"NET";}
.sums-all span:before{
font-weight:normal;
font-size:10px;
float:left;
margin:5px 0 -5px 0;
}
.sums-all span.all2{
width:100%;
}
.sums-all span.all2 .i:before,.sums-all span.all2 .ii:before{
font-size:10px;
font-weight:normal;
margin-right:10px;
content:"売上";
}
.sums-all span.all2 .ii:before{
content:"仕入";
}
#edit-authenticator>.parts{
border:1px solid #ccc;
padding:10px;
border-radius:3px;
margin-top:5px;
}
#qr-authenticator{
margin:0 auto;
margin-top:15px;
margin-bottom:15px;
width:100px;
height:100px;
display:block;
}
#edit-authenticator .store img{
width:100%;
max-width:150px;
}
#edit-authenticator .store > div{
text-align:center;
}
#edit-authenticator ul{
margin:0 0 20px 0;
list-style-type: none;
padding:0;
font-size:10px;
}
#edit-authenticator .mess{
cursor:pointer;
}









/* MEDIA */

@media screen and (max-width: 1350px){
.details-area{
	width:800px;
	margin:0 100px 0 -100px !important;
}
.details-area .cov{
	width:800px;
}
}
@media screen and (max-width: 1200px){
.item-box{
width:49%;
}
}

@media screen and (max-width: 1100px){
.details-area{
        width:700px;
        margin:0 50px 0 -50px !important;
}
.details-area .cov{
        width:700px;
}
}

@media screen and (max-width: 1000px){
.content{
width:100%;
}
.side-menu{
display:none;
}
}

@media screen and (min-width: 600px){
.top-list2 .next-page{
text-align:right;
font-size:12px;
font-weight:bold;
margin:10px 0 0 0;
padding-right:10px;
border:none;
background-color:transparent;
height:auto;
line-height:12px;
width:100%;
max-width:none;
}
.top-list2 .next-page::after{
content:"…";
}
.top-list2 .next-page:hover{
background-color:#fff;
color:#000;
}

}

@media screen and (max-width: 800px){
.sums-all > .half-left,.sums-all > .half-right{
width:100% !important;
}
.sums-all > .half-right span{
margin-top:0;
}
.top-button > .half-left,.top-button > .half-right{
width:100% !important;
}
.big-menu{
margin:5px 0;
}
.staff-top .cov{
padding:20px 0 20px 0;
height:auto;
}
.sinfo,.hello{
width:100% !important;
float:none;
text-align:center !important;
}
.sinfo{
font-size:10px;
right:auto;
margin:0 -30px 0 30px;
}
.hello{
position:relative;
}
.item-box{
width:100%;
margin-left:0;
margin-right:0;
margin-bottom:7px;
}
.details-area{
        width:100%;
        margin:0 !important;
}
.details-area .cov{
        width:800px;
}
}
.date-change{
position:absolute;
font-size:10px;
margin:-22px 0 22px 0;
color:#fff;
border-radius:3px;
height:24px;
padding:0 10px 0 5px;
cursor:pointer;
opacity:.8;
}
.date-change .edit{
content:"　";
display:inline-block;
width:25px;
height:24px;
background-image:url(../img/calendar-white.png);
background-repeat: no-repeat;
background-position: left center;
background-size:16px;
float:left;
}
.date-change .tm{
background-image:none;
line-height:24px;
font-weight:bold;
font-size:12px;
border:none;
padding:0 0 0 3px;
margin:0;
background-color:transparent;
color:#fff;
height:auto;
width:80px;
}
.yotei{
font-size:10px;
color:#fff;
padding:0 7px;
margin:-2px 7px 2px 0;
border-radius:3px;
height:15px;
line-height:17px;
display:inline-block;
}

.autolink{
background-color:rgba(0,81,153,.7);
color:#fff;
font-size:12px;
display:inline-block;
height:18px;
line-height:18px;
border-radius:3px;
padding:0 10px 0 25px;
margin:3px 3px -3px 3px;
cursor:pointer;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width:150px;
background-image:url(../img/auto-url.png);
background-repeat: no-repeat;
background-position: left 5px center;
background-size:16px;
}
.job-window .atm{
background-image:url(../img/auto-mail.png);
}
.job-window .att{
background-image:url(../img/auto-tel.png);
}

.stock-box{
position:relative;
width:24%;
overflow:hidden;
margin:0.5%;
}
.stock-box .ibox{
display:block;
overflow:hidden;
background-repeat: no-repeat;
background-position: center center;
background-size:100%;
float:left;
height:50px;
width:50px;
}
.stock-box img{
opacity:0;
}
.stock-box .name{
height:50px;
padding:7px 10px;
line-height:22px;
overflow:hidden;
}
.stock-box .mishori{
width:49%;
height:30px;
float:right;
color:#fff;
line-height:32px;
font-size:12px;
cursor:pointer;
text-align:right;
}
.stock-box .suppp-num,.stock-box .stock-num{
width:49%;
height:30px;
float:left;
color:#fff;
line-height:32px;
font-size:16px;
}
.stock-box .suppp-num{
float:right;
text-align:right;
}
.stock-box .suppp-num span,.stock-box .stock-num span{
opacity:.8;
font-size:10px;
display:inline-block;
margin:0 5px;
}
.stock-box .dbx{
padding:0 5px;
height:32px;
}
.inv-mark{
display:block;
width:20px;
height:20px;
border-radius:10px;
position:absolute;
right:3px;
top:3px;
border:1px solid #fff;
opacity:.9;
background-image:url(/bluetooth/img/check-comp.png);
background-repeat: no-repeat;
background-position: center center;
background-size:15px;
}

#confirm .tr-ebox{
position:relative;
margin:0;
padding:0;
font-size:14px;
color:#fff;
display:inline-block;
width:32%;
text-align:center;
background-color:#fff;
cursor:pointer;
height:24px;
line-height:26px;
margin-left:2%;
border-radius:3px;
opacity:.7;
}
#confirm .tr-ebox:hover{
opacity:1;
}
#confirm .nm{
opacity:1;
margin-left:0;
}
#trjob-box{
height:70px;
padding:10px 0;
}
#trjob-box .exp{
font-size:10px;
}
#trjob-tree .select-txt{
color:#333;
}
#trjob-tree{
width:278px;

position:fixed;
top:30%;
left:50%;
margin-top:102px;
margin-left:-139px;
z-index:100;
}







@media screen and (max-width: 1300px){
.stock-box{
width:32.3%;
}
}

@media screen and (max-width: 1000px){
.stock-box{
width:49%;
}
}

@media screen and (max-width: 600px){

body{
padding:0 0;
}
.main{
border-radius:0 0 0 0;
}
.cont{
padding-left:0 !important;
padding-right:0 !important;
padding-bottom:0 !important;
}
.cont > .box{
border-left:none;
border-right:none;
border-radius:0 0 0 0;
}
.page-head{
margin:0 10px;
}





#paymentinfoall > span{
width:100%;
margin:0 0 15px 0;
padding:0 0 10px 0;
}
#paymentinfoall .sum{
margin-bottom:10px;
}
.dtl-box{
padding-left:0;
padding-right:0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#purchaseinfo .ok,#purchaseinfo .plus,#purchaseinfo .minus{
width:100% !important;
margin:0;
}
.separate,.search-box .half-left,.search-box .half-right,.sum-data .half-left,.sum-data .half-right{
width:100% !important;
}
#stock-search-form .separate{
width:49% !important;
}

.stock-box{
width:100%;
margin:7px 0;
}
.form-handle{
display:block;
}
#stock-search-form{
margin-bottom:15px;
}
.search-box form{
display:none;
}
.title-img{
background-position: right 0px top !important;
}
#project .p-before{
left:50%;
}
#project .btn{
margin-bottom:20px;
}

}

@media screen and (max-width: 400px){
.job-window{
}
}