@charset "utf-8";
/*青#1273a8*/

body {
     font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
     font-size: 14px;
     line-height: 25px;
     
}

div.calendar {
    width: 47%;
    margin-left: 10px;
    float: left;
    padding: 0px;
    vertical-align: top;
    

   
    
}

div.schedule {
    width: 47%;
    margin-left: 10px;
    float: right;
    padding: 5px;
    vertical-align: top;

}


div.tskbox {
    width: 48%;
    margin-left: 10px;
    float: left;
    padding: 0px;
    vertical-align: top;
    margin-right: 5px;
   
    
}

div.tskbox02 {
    width: 48%;
    margin-left: 10px;
    float: right;
    padding: 0px;
    vertical-align: top;
    margin-right: 5px;
   
    
}


div.tskboxall {
    width: 100%;
    margin-left: 10px;
    float: right;
    padding: 0px;
    vertical-align: top;
    margin-right: 5px;
   
    
}






table.calendar {
     width: 100%;
     text-align: center;
     margin-top:10px;
     
     
     
}
table.calendar td {
     border: 1px solid #828282;
     font-size: 16px;
     padding-top: 10px;
     padding-bottom: 10px;
    
}
table.calendar th {
     border: 1px solid #828282;
     text-align: center;
    
}


table.form {
     width: 100%;
     text-align: left;
     margin-top:5px;
     
     
}
table.form td {
     border: 1px solid #9B9B9B;
     font-size: 14px;
     padding: 5px;
     padding-bottom: 10px;
     line-height: 20px;
    
     

    
}

table.form td.midasi {
     border: 1px solid #9B9B9B;
     padding: 5px;
   
     font-size: 14px;
     background-color: #fffafa;
    
}



table.form td.htnum {
     border: 1px solid #9B9B9B;
     padding: 5px;
     width: 4%;
     font-size: 14px;
     background-color: #fffafa;
    
}


table.form td.no {
     border: 1px solid #9B9B9B;
     padding: 5px;
     width: 1%;
     font-size: 14px;
    
}





table.form th {
     border: 1px solid #9B9B9B;
     text-align: center;
     padding: 10px;
     font-size: 14px;
     background-color: #f5f5f5;
     
}


table.form th.keiyaku {
     border: 1px solid #9B9B9B;
     padding: 10px;
     font-size: 14px;
     text-align: center;
     background-color: #FFFFE0;
    
}


table.form tr.keiyaku {
     border: 1px solid #9B9B9B;
     text-align: left;
     padding: 10px;
     font-size: 14px;
     background-color: #FFFFE0;
    
}





table.tsk {
     width:100%;
     
     
     
}
table.tsk td {
     border: 1px solid #9B9B9B;
     font-size: 14px;
     padding: 10px;
     padding-bottom: 10px;

    
}



table.tsk th {
     border: 1px solid #d3d3d3;
     text-align: center;
     padding: 10px;
     font-size: 14px;
    
}







table.form2 {
     width: 100%;
     text-align: left;
     margin-top:0px;
     
     
}
table.form2 td {
     border: 1px solid #9B9B9B;
     font-size: 13px;
     padding: 2px;
     text-align: center;

    
}


table.form2 td.midashi {
     border: 1px solid #9B9B9B;
     font-size: 13px;
     padding: 2px;
     font-weight: bold;

    
}





table.form th {
     border: 1px solid #9B9B9B;
     text-align: center;
     padding: 10px;
     font-size: 14px;
     background-color: #f5f5f5;
    
}








p.mojiL {
    color: #1273a8;
    font-size: 20px;
    font-weight: bold;
    margin-left: 10px;
}
div.detail {
    font-size: 14px;
    line-height: 23px;
}

p.kigenred {
    color: red;
    float: right;
}

p.kigen {
    float: right;
}
span.tskname {
   width: 250px;
}

p.hissu {
   background-color: red;
   color: #fff;
   font-size: 10px;
   float: right;
   padding: 3px;
}



.error {background-color:#FFCCCC;}
.alert {color:#FF0000; font-size:small;}

p.plan {
   background-color: #ff8c00;
   color: #fff;
   font-size: 11px;
   padding: 3px;
   width: 40px;
   float: right;
   text-align: center;
   margin-right: 10px;
   margin-left: 10px;
    
}

p.simen {
   background-color: #f0e68c;
   color: #000;
   font-size: 11px;
   float: left;
   padding: 3px;
   width: 50px;
   text-align: center;
    
}


p.buy {
   background-color: #9acd32;
   color: #fff;
   font-size: 11px;
   float: left;
   padding: 3px;
   width: 50px;
   text-align: center;
    
}

p.rent {
   background-color: #ffa07a;
   color: #fff;
   font-size: 11px;
   float: left;
   padding: 3px;
   width: 50px;
   text-align: center;
    
}

p.invest {
   background-color: #2f4f4f;
   color: #fff;
   font-size: 11px;
   float: left;
   padding: 3px;
   width: 50px;
   text-align: center;
    
}

.fixed_btn
{
  position: fixed;
  bottom: 10px; 
  right: 10px;
  padding: 6px 40px;
  border: 1px solid #696969;
  background-color: #fff;
  display: inline-block;
  width: 300px;
  padding: 20px;
  font-size: 15px;
}






table.request {
     width: 100%;
     text-align: left;
     margin-top:10px;
     border: 1px solid #d3d3d3;
     
     
}
table.request td {
     
     font-size: 16px;
     padding: 10px;
     padding-bottom: 10px;
     font-size: 14px;
    
}




table.request th {
     border: 1px solid #d3d3d3;
     text-align: center;
     padding: 10px;
     font-size: 14px;
     background-color: #f5f5f5;
    
}

p.mojiL02 {
    font-size: 25px;
    font-weight: bold;
}



p.syamei {
    font-size: 20px;
    margin-top: 10px;
 

    
}

span.field_total3 {
    font-size: 18px;
    font-weight: bold;
    
}






input[type='text']{
  width: 100%;
  max-width: 400px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #696969
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #000;
}


textarea{
  width: 100%;
  height: 300px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #696969
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #000;
}


.input {
   width: 110px;
   background-color: #FFA822;
   color: #fff;
   display: inline-block;
   padding: 8px;
   text-align: center;
   margin-top: 10px;
   
}

.sizeM {
   width: 20px;
}

.commentS {
   width: 10px;
   display: inline-block;
}


.balloon1 {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  width: auto;
  min-width: 150px;
  height: 40px;
  line-height: 34px;
  text-align: center;
  background: #44FF44;
  z-index: 0;
  border-radius: 10px;
}


.balloon1 {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  width: auto;
  min-width: 150px;
  height: 40px;
  line-height: 34px;
  text-align: center;
  background: #44FF44;
  z-index: 0;
}
.balloon1:before {
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #44FF44 transparent transparent;
  content: "";
  position: absolute;
  top: 50%; left: -8px;
  margin-top: -9px;
  display: block;
  width: 0px;
  height: 0px;
  z-index: 0;
}




p.gtitle {
  font-size: 18px;
  font-weight: bold;
  padding: 5px;
}

p.gcategory {
  border: 1px solid #3F6DA8;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  margin-right: 0px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #3F6DA8;
}

p.sakuin {
  border: 1px solid #3F6DA8;
  background-color: #3F6DA8;
  float: left;
  margin-right: 20px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #fff;
  width: 30px;
  text-align: center;
  display: inline-block;
}

table.gtbl {
  width: 100%;
}

table.gtbl tr{
  border-bottom: 1px dotted #696969;
}

table.gtbl td.gtitle{
  width: 30%;
}

/*全体*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 10;
    margin-top: 0px;
    margin-bottom: -5px;

}

/*ボタン装飾*/
.hidden_box label {
    padding: 0px;
    cursor :pointer;

}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
    border: 1px dotted #696969;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 0px 0;
    height: auto;
    opacity: 1;
}
p.syomei {
   padding: 10px;

}
.laugh-solid.icon {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: solid 1px currentColor;
  background-color: currentColor;
}

.laugh-solid.icon:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  color: white;
  background-color: currentColor;
}

.laugh-solid.icon:after {
  content: '';
  position: absolute;
  right: 4px;
  top: 4px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  color: white;
  background-color: currentColor;
}

.laugh-solid.icon i {
  position: absolute;
  left: 2px;
  top: 9px;
  width: 10px;
  height: 4px;
  color: white;
  border-radius: 0 0 6px 6px;
  border: solid 1px currentColor;
}
.remove.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 10px;
}

.remove.icon:before {
  content: '';
  position: absolute;
  width: 15px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.remove.icon:after {
  content: '';
  position: absolute;
  width: 15px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}