@charset "utf-8";
/* basic setting */
*{ 
    outline:none;
}
html{ font-size:62.5%; }
html, body{ position:relative; width:100%; height:100%; }
body{ -webkit-text-size-adjust: 100%; }
body{
  margin:0;
  padding:0;
  font-size:1.4rem;
  font-family: "游ゴシック", YuGothic, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
  line-height:1.5;
  color:#000;
  background:#fff;
  word-break:break-word;
}
h1,h2,h3,h4,h5,h6,p,em,pre,th,td,blockquote{margin:0; padding:0; font-size:1.6rem}
img,table{border:0; vertical-align:bottom}
img{max-width:100%; height:auto}
form,ul,dl,ol{margin:0; padding:0}
li{list-style:none}
li,dt,dd{font-size:100%}
a, a:visited{color:#344342;text-decoration:none;}
input[type="submit"],input[type="button"]{cursor:pointer}
@media screen and (min-width:769px){
  /*a,input[type="submit"],input[type="button"]{transition-duration:0.2s}*/
  /*a:hover,input[type="submit"]:hover,input[type="button"]:hover{opacity:0.7}*/
  a[href^="tel"]{pointer-events:none}
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{display: block; margin:0; padding:0}
.clr{clear:both}
/*.cf{*zoom:1}*/
.cf:after{content:""; display:block; clear:both}
input[type="submit"]{-webkit-appearance: none}

input:invalid,
input:focus,
textarea:focus{
  outline:none;
  box-shadow:none;
}


/*::-webkit-scrollbar{
  width: 8px;
}
::-webkit-scrollbar-track{
  background: #EBEBEB;
  border: none;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb{
  background: #A5A5A5;
  border-radius: 5px;
  box-shadow: none;
}*/
/* ---ローディング--- */
#loadingWrap {
    width: 100%;
    height: 100vh;
    background: #FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    opacity: 0.9;
}
#loading,
#loading:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}
#loading {
  margin: 350px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.1em solid rgba(255, 255, 255, 0.2);
  border-right: 0.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.1em solid rgba(255, 255, 255, 0.2);
  border-left: 0.1em solid #2CAAA0;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loadingNone {
    animation: loadingAnime 1s forwards;
}

@keyframes loadingAnime {
    0% {
        opacity: 0.9;
    }
    99% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        visibility:hidden;
    }
}
.sp{
    display: none !important;
}

/* header */
header{
    width:100%;
    height: 56px;
    background: #FFFFFF;
    position:fixed;
    z-index:99;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.16);
}
header > .inner{
    position: relative;
}
header h1{
    width: 217px;
    position: absolute;
    top: 15px;
    left: 20px;
}
header h1::after{
    position: absolute;
    background-color: #E2E2E2;
	content: "";
	display: inline-block;
	width: 1px;
	height: 24px;
    right: -45px;
}
header ul{
    padding-left: 302px;
    display: flex;
    padding-top: 14px;
}
header ul li{
    position: relative;
    padding-left: 16px;
    border-radius: 7px;
    padding-top: .2em;
    padding-bottom: .2em;
    padding-right: .5em;
    padding-left: 1.7em;
    transition: .5s;
}
header ul li:hover{
    background-color: #EFEFEF;
}
header ul li.reload{
    margin-right: 30px;
}
header ul li.reload:before{
	content:"";
	display:inline-block;
	width: 12px;
	height: 14px;
	background:url(../img/icon_reload.png) no-repeat;
	background-size:contain;
    position: absolute;
    top: 6px;
    left: 8px;
}
header ul li.task:before{
	display:inline-block;
	width: 11px;
	height: 11px;
	background:url(../img/icon_task.png) no-repeat;
	background-size:contain;
    position: absolute;
    top: 7px;
    left: 8px;
}
header .contR{
    position: absolute;
    top: 13px;
    right: 23px;
    display: flex;
}
header .contR .bell{
    position: relative;
    z-index: 100;
    width: 30px;
    height: 30px;
}
header .contR .bell a{
	height: 0;
	padding-top: 100%;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
    transition: .5s;
    width: 100%;
}
header .contR .bell a{
	background: url(../img/icon_bell_on.png) no-repeat;
	background-size: contain;
}
header .contR .bell a:hover{
	background: url(../img/icon_bell_hover.png) no-repeat;
	background-size: contain;
}
header .contR .bell.alert::before{
    width: 10px;
    height: 10px;
    content: "";
    border-radius:50px;
    background-color: rgb(44,170,160);
    border: 1px solid #FFFFFF;
    content:"";
	display:inline-block;
    top: -2px;
    right: -2px;
    position: absolute;
    z-index: 1;
}
header .contR .user{
    margin-left: 20px;
    height:30px;
    width:30px;
    border-radius:50%;
    line-height:30px;
    text-align:center;
    background-color: #2CAAA0;
}
header .contR .user span{
    color: #FFFFFF;
    font-size: 1.1rem;
}
header .contR .memo{
    display: none;
}
header .register{
    position: absolute;
    top: 5px;
    padding-top: 0px;
    right: 108px;
    display: flex;
}
header .register li{
    width: 148px;
    padding-left: 0px;
    padding-top: 0em;
    padding-bottom: 0em;
    padding-right: 0em;
    padding-left: 0em;
}
header .register a{
	height: 0;
	padding-top: 34.45%;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
    transition: .5s;
}
header .register .idea a{
	background: url(../img/btn_idea_on.png) no-repeat;
	background-size: contain;
}
header .register .task a{
	background: url(../img/btn_task_on.png) no-repeat;
	background-size: contain;
}
header .register .idea a:hover{
	background: url(../img/btn_idea_hover.png) no-repeat;
	background-size: contain;
}
header .register .task a:hover{
	background: url(../img/btn_task_hover.png) no-repeat;
	background-size: contain;
}
.menu{
    display: none;
}
/*container*/
.container{
    overflow: hidden;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: nowrap;
    border-bottom: 1px solid #E2E2E2;
}
/* aside */
.sideMenu{
    width: 200px;
    background-color: #F9FCFC;
    position: fixed;
    height: 100vh;
    display: block;
    left: 0;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 16%) inset;
    z-index: 1;
    top: 56px;
}
.sideMenu ul{
    font-size: 1.2rem;
}
.sideMenu li a{
    padding-left: 38px;
    position: relative;
    transition: .5s;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
}
.sideMenu li a::before{
    content: "- ";
}
.sideMenu li a:hover{
    background-color: #E4EFEF;
}
.sideMenu li.home a{
    background-color: #2CAAA0;
    color: #FFFFFF;
    padding-top: 19px;
    padding-bottom: 19px;
}
.sideMenu li.home a:hover{
    opacity: 0.7;
    background-color: #2CAAA0;
}
.sideMenu li.home a::before{
	content:"";
	display:inline-block;
	width: 14px;
	height: 14px;
	background:url(../img/icon_home_pc.png) no-repeat;
	background-size:contain;
    top: 22px;
    left: 19px;
    position: absolute;
}
.sideMenu li.tasklist a::before{
	content:"";
	display:inline-block;
	width: 11px;
	height: 11px;
	background:url(../img/icon_tasklist_pc.png) no-repeat;
	background-size:contain;
    top: 11px;
    left: 20px;
    position: absolute;
}
.sideMenu li.task a::before{
	content:"";
	display:inline-block;
	width: 11px;
	height: 11px;
	background:url(../img/icon_task_pc.png) no-repeat;
	background-size:contain;
    top: 11px;
    left: 20px;
    position: absolute;
}
.sideMenu li.idea a::before{
	content:"";
	display:inline-block;
	width: 8px;
	height: 13px;
	background:url(../img/icon_idea_pc.png) no-repeat;
	background-size:contain;
    top: 11px;
    left: 22px;
    position: absolute;
}
.sideMenu li.personal a::before{
	content:"";
	display:inline-block;
	width: 9px;
	height: 14px;
	background:url(../img/icon_profile_pc.png) no-repeat;
	background-size:contain;
    top: 10px;
    left: 22px;
    position: absolute;
}
.sideMenu li.logout a::before{
	content:"";
	display:inline-block;
	width: 10px;
	height: 12px;
	background:url(../img/icon_logout_pc.png) no-repeat;
	background-size:contain;
    top: 11px;
    left: 22px;
    position: absolute;
}
.main_header{
    width: 100%;
    height: 55px;
    position: fixed;
    top: 55px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: nowrap;
    vertical-align: middle;
    -webkit-align-items: center;
    align-items: center;
    z-index:9998;
    background-color: #fff;
    box-shadow: -3px 6px 10px 0px rgba(0, 0, 0, 0.16);
    width: calc( 100% - 200px);
    margin-top: 0;
    margin-left: 0px;
    padding-bottom: 0;
    padding-top: 5px;
}
.main_header .breadcrumb{
    padding-left: 22px;
    padding-right: 55px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.main_header .breadcrumb{
    padding-left: 22px;
    padding-right: 55px;
}
.main_header .breadcrumb li{
    padding-right: .3em;
}
.main_header .breadcrumb li::after{
    content: " > ";
    padding-left: .3em;
    padding-right: .2em;
}
.main_header .breadcrumb li:last-child::after{
    content: none;
}
.main_header .status{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    padding-bottom: 8px;
}
.main_header .status li{
    font-size: 1.1rem;
    padding-right: 25px;
}
.main_header .status li span{
    font-size: 2.0rem;
    color: #2CAAA0;
    padding-right: .2em;
}
.main_header .status li:last-child{
    padding-right: 0;
}
.main_header .devision{
    margin: 0 0 0 auto;
    padding-right: 23px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.main_header .devision li{
    padding-top: .3em;
    padding-left: .3em;
    padding-right: 0.3em;
    font-size: 1.2rem;
}
.main_header .register{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    margin-left: auto;
}
.main_header .register li{
    width: 148px;
    margin-top: 5px;
}
.main_header .register a{
	height: 0;
	padding-top: 34.45%;
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
    transition: .5s;
}
.main_header .register .idea a{
	background: url(../img/btn_idea_on.png) no-repeat;
	background-size: contain;
}
.main_header .register .task a{
	background: url(../img/btn_task_on.png) no-repeat;
	background-size: contain;
}
.main_header .register .idea a:hover{
	background: url(../img/btn_idea_hover.png) no-repeat;
	background-size: contain;
}
.main_header .register .task a:hover{
	background: url(../img/btn_task_hover.png) no-repeat;
	background-size: contain;
}
.sp_task_plus{
    display: none;
}
.status_header{
    width: 100%;
    min-width: 1200px;
    height: 56px;
    position: fixed;
    top: 112px;
    left: 200px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: nowrap;
    vertical-align: middle;
    -webkit-align-items: center;
    align-items: center;
    z-index:9999;
    background-color: #f8f8f8;
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
/*    box-shadow: -6px 0px 7px -3px rgba(0, 0, 0, 0.08);*/
}
.status_header .statusLi{
    background-color: #EFEFEF;
    border: 1px solid #E2E2E2;
    border-radius: 7px;
    margin-left: 22px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    vertical-align: middle;
    -webkit-align-items: center;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    padding-right: 5px;
    padding-left: 5px;
}
.status_header .statusLi li{
    width: 100px;
    text-align: center;
    font-size: 1.2rem;
    margin-right: 8px;
    line-height: 1.8;
}
.status_header .statusLi li:last-child{
    margin-right: 0;
}
.status_header .statusLi li a{
    transition: .5s;
    display: block;
}
.status_header .statusLi li.select{
    background-color: #FFFFFF;
    border-radius: 7px;
}
.status_header .statusLi li a:hover{
    background-color: #D9D9D9;
    border-radius: 7px;
}
.status_header .statusLi li a:focus{
    background-color: #D9D9D9;
}
.status_header .statusLi li.select a:focus{
    background-color: #D9D9D9;
}
.status_header .sortCon{
    margin-left: 40px;
    position: relative;
    display: flex;
}
.status_header .sortCon p{
    font-size: 1.2rem;
    color: #2E2E2E;
}
.status_header .select2-container {
    right: 200px;
    left: auto !important;
}
.sortCon .indicator {
    cursor: pointer;
    position: relative;
    padding-left: 30px;
}
.sortCon .indicator span a{
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}
.sortCon .indicator span.up, .sortCon .indicator span.down {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    border: 7px solid transparent;
    right: 10px;
    top: 50%;
    transition: .4s;
}
.sortCon .indicator span.up{
    border-bottom-color: #BABABA;
    margin-top: -16px;
}
.sortCon .indicator span.down{
    border-top-color: #BABABA;
    margin-top: 2px;
}
.sortCon .indicator span.up:hover{
    border-bottom-color: #CCCCCC;
}
.sortCon .indicator span.down:hover{
    border-top-color:#CCCCCC;
}
.main{
    width: calc( 100% - 200px);
    padding-left: 200px;
    padding-top: 112px;
}
.status_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: nowrap;
    width: 100%;
/*    box-shadow: -6px 0px 7px -3px rgba(0, 0, 0, 0.08);*/
    position: relative;
    z-index: 2;
    top: 56px;
}
.status_wrap .status_in{
    width: calc(100% - 212px);
}
.mousedragscrollable{
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.mousedragscrollable>* {
    display: inline-block;
    white-space: normal;
}
.mousedragscrollable{
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.mousedragscrollable>* {
    display: inline-block;
    white-space: normal;
}
.status_wrap .status_in .status{
    /*min-height: 1038px;*/
    /*height: 70vh;
    padding-bottom: 55px;
    height: 80vh;
    padding-bottom:20vh;*/
    background-color: #F9FCFC;
}
.status_wrap .status_in .status_main{
	/*display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;*/
    padding-bottom: 55px;

}
.status_wrap .status_in .status_main .status_block{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    background-color: #FFFFFF;
}
.status_block .status_box{
    border-bottom: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: nowrap;
}
.status_block .status_box:last-child{
    border-right: 0;
}
.status_block .status_box .status_tit{
    background-color: #F8F8F8;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 1.2rem;
    padding-right: 10px;
    padding-left: 10px;
    border-right: 1px solid #E2E2E2;
}
.status_block .status_box .cell{
    border-right: 1px solid #F2F2F2;
    width: 15px;
    position: relative;
    height: 330px;
    padding-top: 15px;
}
/*.doneを付与することにより完了以外のheightを伸ばす */
.status_wrap .status_in .status_main.done{
    padding-bottom: 0; 
}
.done .status_block .status_box .cell{
   /*height: 83vh;*/
    height: 90vh;   
}
.status_block .status_box .cell .data{
    border: 1px solid #E2E2E2;
    background: #FFF;
    font-size: 1.1rem;
    width: 5em;
    text-align: center;
    z-index: 999;
    position: absolute;
    top: 337px;
    left: 2px;
}
.done .status_block .status_box .cell .data{
    top: auto;
    bottom: 56px;
}


.status_wrap .status_side{
    width: 212px;
    background-color: #F9FCFC;
    border-left: 1px solid #E2E2E2;
    flex-direction:column;
    /* 20210621　追加 */
    position: relative;
    z-index: 1002;
    
}
.status_wrap .status_side .side_tit{
    font-size: 1.1rem;
    margin-bottom: 5px;
    display: inline-block;
    margin-top: 2px;
    padding-right: .5em;
    padding-left: .5em;
    padding-top: .2em;
    padding-bottom: .2em;
    border-width: 1px;
    border-style: solid;
}
.status_wrap .status_side .side_tit.overdue{
    border-color: #EA6481;
    color: #EA6481;
}
.status_wrap .status_side .side_tit.idea{
    border-color: #2CAAA0;
    color: #2CAAA0;
}
/* tag */
.tag{
    position: relative;
    width: 117px;
    height: 28px;
    line-height: 28px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    font-size: 1.1rem;
    padding-right: 10px;
    padding-left: 10px;
    z-index: 100;
    color: #344342;
    border: 1px solid #707070;
    background-color: #EFEFEF;
    white-space: nowrap;
    /*margin-bottom: 10px;20210621変更*/
}
/*.tag.wrapleft5{
    left: 5px;
}
.tag.wrapleft10{
    left: 10px;
}
.tag.wrapleft15{
    left: 15px;
}
.tag.wrapleft20{
    left: 20px;
}
.tag.wraptop{
    margin-top: -318px;
}
.status_side .tag.wraptop{
    margin-top: -595px;
    top: 0;
}
.tag + .tag{
    margin-top: -1px;
}
.tag + .tag{
    border-bottom: none;
}
.tag:first-child{
    border-bottom: none;
}
.tag + .tag:last-child{
    border-bottom: 1px solid #707070;
}

.cell .tag:nth-of-type(11n+1){
    margin-top: -318px;
}
.cell .tag:nth-of-type(n+12){
    left: 2px;
}
.cell .tag:nth-of-type(n+23){
    left: 4px;
}
.cell .tag:nth-of-type(n+34){
    left: 6px;
}
.cell .tag:nth-of-type(n+45){
    left: 8px;
}
.cell .tag:nth-of-type(n+56){
    left: 10px;
}
.cell .tag:nth-of-type(n+67){
    left: 12px;
}
.cell .tag:nth-of-type(n+78){
    left: 14px;
}*/
.tag.alert::before{
    width: 14px;
    height: 14px;
    content: "";
    border-radius:50px;
    background-color: rgb(44,170,160);
    border: 1px solid #FFFFFF;
    content:"";
	display:inline-block;
    top: -8px;
    left: -8px;
    position: absolute;
    z-index: 300;
}
.flash{
    animation: flash 1s linear infinite;
}
.tag span.pending{
    position: absolute;
    z-index: 200;
    background-color: rgba(34,34,34,0.70);
    width: 137px;
    height: 28px;
    left: 0;
    text-align: center;
    color: #FFFFFF;
    font-weight: 700;
}
.tag span.priority{
    position: absolute;
    z-index: 201;
    background-color: rgba(34,34,34,0.70);
    width: 117px;
    height: 28px;
    left: 0;
    text-align: center;
    color: #FFFFFF;
    font-weight: 700;/*20210623追加*/
    text-indent: 0;
}


.tag span.request{
    position: absolute;
    z-index: 200;
    background-color: rgba(26,88,139,0.70);
    width: 127px;
    height: 28px;
    left: 0;
    text-align: center;
    color: #FFFFFF;
    font-weight: 700;
}

@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
  }
}
/*
.status_wrap .status_side .tag{
    margin-left: 20px;
    margin-bottom: 10px;
}20210623追加*/
.tooltip {
    display: none;
    position: absolute;
    left: 135px;
    top: 0;
}
.tooltip.is-active {
    display: block;
    padding: 2px 5px;
    background:rgba(0,0,0,0.7);
    border-radius: 4px;
    color: #FFFFFF;
    z-index: 201;
}
.tooltip.is-active:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border: 5px solid transparent;
  border-right: 5px solid rgba(0,0,0,0.7);
}
.tagwrap{
    position: absolute;
}
.tagwrap.tabwrap2{
    left: 3px;
    top: 18px;
}
.tagwrap.tabwrap3{
    left: 6px;
    top: 21px;
}
.tagwrap.tabwrap4{
    left: 9px;
    top: 24px;
}
/*.tagwrap + .tagwrap{
    left: 5px;
    top: 20px;
}
.tagwrap + .tagwrap + .tagwrap{
    left: 10px;
    top: 25px;
}
.tagwrap + .tagwrap + .tagwrap + .tagwrap{
    left: 15px;
    top: 30px;
}
.tagwrap + .tagwrap + .tagwrap + .tagwrap + .tagwrap{
    left: 20px;
    top: 35px;
}*/
.status_side_in{
    position: relative;
    top: 0;
    right: 0;
}

.status_side_in .tagwrap.tabwrap2{
    left: 3px;
    top: 3px;
}
.status_side_in .tagwrap.tabwrap3{
    left: 6px;
    top: 6px;
}
.status_side_in .tagwrap.tabwrap4{
    left: 9px;
    top: 9px;
}
/* modal */
.overlay {
    display: none;
    position: fixed;
    top: -10px;
    left: 0;
    right: 0;
    bottom: -10px;
    background: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 20000;
}
.modal_container {
    display: table;
    padding: 10px 0;
    width: 100%;
    height: 100%;
}
.modal_inner {
    display: table-cell;
    vertical-align: middle;
}
.modal {
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
    width: 90%;
    text-align: justify;
    text-justify: inter-ideograph;
    background-color: #FFFFFF;
}
.modal::after {
    display: table;
    content: '';
    clear: both;
}
.input_content_inn{
    max-width: 758px;
    width: 94%;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    position: static!important;
}
.input_content_header{
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 15px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: nowrap;
    color: #344342;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 25px;
}
.input_content_header .inputTit{
    margin-right: auto;
    margin-left: auto;
    font-size: 1.6rem;
}
/* form */
.input_content_header .check_box{
    font-size: 1.3rem;
    padding-top: .5em;
}
.check_box input[type="checkbox"]{
    display: none;
}
.check_box input[type="checkbox"]+label{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    top: -5px;
}
.check_box.permission{
    padding-top: 10px;
}
.check_box.permission input[type="checkbox"]+label{
    margin-left: 0px;
    margin-right: 10px;
}
.check_box.permission input[type="checkbox"]{
    margin-left: 10px;
}

.check_box input[type="checkbox"]+label::before{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 50%;
    border: 1px solid;
    border-color:  #8E8E8E;
    background-color: #FFFFFF;
}
.check_box input[type="checkbox"]:checked+label::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 19px;
    height: 11px;
    margin-top: -10px;
    top: 50%;
    left: 0px;
    transform: rotate(-45deg);
    border-bottom: 4px solid;
    border-left: 4px solid;
    border-color:  #2CAAA0;
}
.inputCon{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    margin-bottom: 22px;
    justify-content: flex-start;
}
.inputConBox{
    width: 100%;
}
.inputConBox.wid300{
    width: 300px;
}
.inputConBox.cal3{
    width : -webkit-calc(100% / 3) ;
    width : calc(100% / 3) ;
    margin-right: 40px;
}
.inputConBox.cal3:last-child{
    margin-right: 0;
}
.inputConBox.cal2{
    width : -webkit-calc(100% / 2) ;
    width : calc(100% / 2) ;
    margin-right: 50px;
}
.inputConBox.cal2:last-child{
    margin-right: 0;
}
.inputConTit01{
    font-weight: bold;
    font-size: 1.2rem;
    padding-bottom: .5em;
}
.inputConTit02{
    font-weight: bold;
    font-size: 1.8rem;
    padding-bottom: .5em;
}
.ef input[type='text'],.ef input[type='password']{
	box-sizing: border-box;
	width:100%;
	padding: .6em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #444444;
	border: 1px solid #E2E2E2;
    background-color: #FFFFFF;
    border-radius: 7px;
    font-size: 1.3rem;
}
.ef input[type='text']:focus,.ef input[type='password']:focus {
	outline: none;
	box-shadow: 0 0 5px 1px rgba(1,1,1, .2);
}
.ef textarea {
	box-sizing: border-box;
	width: 100%;
    min-height: 160px; 
	padding: .6em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #444444;
	border: 1px solid #E2E2E2;
    background-color: #FFFFFF;
    border-radius: 7px;
}
.ef textarea:focus {
	outline: none;
	box-shadow: 0 0 5px 1px rgba(1,1,1, .2);
}
.ef input::placeholder {
    color: #BABABA;
}
.ef input.calendar{
    background-image: url(../img/icon_calendar.png);
    background-repeat: no-repeat;
    background-size: 1.5em;
    background-position: 98% center;
} 
.cp_ipselect {
    overflow: hidden;
}
.cp_ipselect select {
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    color: #344342;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
    position: relative;
    border-radius: 7px;
	border: 1px solid #E2E2E2;
    background-color: #FFFFFF;
}
.cp_ipselect.cp_sl01::before {
    position: absolute;
    top: 0.8em;
    right: 0.8em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #BABABA;
    pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
    padding: 8px 38px 8px 8px;
}
.cp_ipselect.cp_sl02 {
    width: 130px;
    position: relative;
    border-radius: 7px;
	border: 1px solid #E2E2E2;
    background-color: #FFFFFF;
}
.cp_ipselect.cp_sl02::before {
    position: absolute;
    top: 0.8em;
    right: 0.8em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #BABABA;
    pointer-events: none;
}
.cp_ipselect.cp_sl02 select {
    padding: 8px 38px 8px 8px;
}
.ef_bg{
    background-color: #F4F7F7;
    width: 96%;
    padding: 2%;
}
.member_block{
    position: relative;
}
#inputFile {
    position: relative;
    padding: 20px 0;
    text-align: center;
}
#dropArea {
    position: absolute;
    left: 15%;
    font-size: 1.4rem;
    font-weight: 700;
}
#dropArea::before{
	content:"";
	display:inline-block;
	width:2.5em;
	height:2.5em;
	background:url(../img/icon_file.png) no-repeat;
	background-size:contain;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -2.5em;
}
#inputFileWrap {
    position: relative;
    display: inline-block;
    left: 12%;
    font-size: 1.1rem;
    color: #344342;
}
#inputFileWrap label {
    font-size: 1.1rem;
    color: #344342;
    padding: 5px 12px;
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    background: #F8F8F8;
    cursor: pointer;
    transition: .4s;
    margin-left: 1em;
}
#inputFileWrap label:hover{
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
}
#upFileWrap{
    background-color: #F4F7F7;
}
.fileConBox{
    border: 1px dashed #C7C7C7;
    width: 96%;
    padding: 2%
}
.fileConBox ul{
    margin-bottom: 15px;
}
.fileConBox li{
    font-size: 1.3rem;
    color: #344342;
    position: relative;
    display: inline-block;
    padding-right: 3em;
    margin-bottom: 5px;
}
.fileConBox li a{
    color: #2CAAA0;
    text-decoration: underline;
}
/* 戻るボタン */
.input_content_header .button01 a{
    border: 1px solid #E2E2E2;
    background-color: #FFFFFF;
    border-radius: 7px;
    width: 116px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 1.2rem;
    transition: .5s;
}
.input_content_header .button01 a{
    display: block;
}
.input_content_header .button01 a:hover{
    background-color: #EBEBEB;
}
/* グリーン背景ボタン */
.button02 {
    border: 0;
    padding: 5px 20px;
    font-size: 1.0rem;
    text-align: center;
    color: #FFFFFF;
    border-radius: 7px;
    background-color: #2CAAA0;
    border: 1px solid #2CAAA0;
    transition: .4s;
    cursor: pointer;
}
.button02:hover {
    background-color: #FFFFFF;
    color: #2CAAA0;
}
/* 完了ボタン */
.button_done {
    margin-top: 20px; 
}
.button_done .button02{
    padding: 10px 40px;
    font-size: 1.2rem;
}
.button_done .button02:hover {
    background-color: #FFFFFF;
    color: #2CAAA0;
}
/* ＋ーボタン */
.add_btn{
    position: absolute;
    right: 0;
    top: 20px;
    border:0;
    width: 35px;
    height: 35px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    background-color: #F4F7F7;
    transition: .4s;
    cursor: pointer;
}
/* setup.blade.phpでadd_btnの背景を白に */
.add_btn.emails_add_button{
    background-color: #FFFFFF;
}
.add_btn.delete{
    background-image: url(../img/btn_minus.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.add_btn.delete:hover{
    background-image: url(../img/btn_minus_hover.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.add_btn.append{
    background-image: url(../img/btn_plus.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.add_btn.append:hover{
    background-image: url(../img/btn_plus_hover.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* ファイルを選択ボタン */
.file_btn{
    position: absolute;
    top: -2px;
    width: 23px;
    height: 23px;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0!important;
    line-height:0;
    overflow:visible;
    cursor:pointer;
    background-image: url(../img/btn_file_minus.png);
    background-repeat: no-repeat;
    background-size: contain;
    transition: .4s;
}
.file_btn:hover{
    background-image: url(../img/btn_file_minus_hover.png);
    background-repeat: no-repeat;
    background-size: contain;
}
/* 登録ボタン */
.submit_btn_wrap{
    text-align: center;
    padding-top: 20px;
}
.submit_btn {
    border: 0;
    padding: 10px 0;
    font-size: 1.2rem;
    text-align: center;
    color: #FFFFFF;
    border-radius: 7px;
    background-color: #2CAAA0;
    border: 1px solid #2CAAA0;
    transition: .4s;
    cursor: pointer;
    width: 125px;
}
.submit_btn:hover {
    background-color: #FFFFFF;
    color: #2CAAA0;
}
/* タスク詳細ボタン */
.input_content_header .button03 a{
    border: 1px solid #2CAAA0;
    background-color: #FFFFFF;
    background-image: url(../img/icon_view.png);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 16px;
    color: #2CAAA0;
    border-radius: 7px;
    width: 116px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 1.2rem;
    transition: .5s;
    display: block;
    font-weight: 700;
    text-indent: 11px;
}
.input_content_header .button03 a:hover{
    background-color: #2CAAA0;
    background-image: url(../img/icon_view_hover.png);
    color: #FFFFFF;
}
hr.line{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px dashed #9F9F9F;
}
hr.line2{

    margin-bottom: 30px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #CCCCCC;
}
/* 確認 */
.inputContDtlTit{
    font-size: 1.8rem;
    font-weight: 700;
    padding-bottom: 2em;
}
.inputContStatus{
    font-weight: 700;
    font-size: 1.2rem;
    position: relative;
    margin-bottom: 50px;
}
.inputContStatus span.status_mark{
    width: 40px;
    height: 40px;
    border-width: 1px;
    border-style: solid;
    border-radius: 50px;
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: 15px;
    margin-top: auto;
    margin-bottom: auto;
}
.inputContMessage{
    color: #F06683;
    font-size: 1.3rem;
}
.inputContOverdue{
    display: inline-block;
    background-color: #EA6481;
    color: #FFFFFF;
    font-size: 1.0rem;
    text-align: center;
    width: 90px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 5px;
}
/* 20210621 「承認依頼」「保留」「アイデア」追加*/
.inputContRequest{
    display: inline-block;
    background-color: #1A588B;
    color: #FFFFFF;
    font-size: 1.0rem;
    text-align: center;
    width: 90px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 5px;
}
.inputContPending{
    display: inline-block;
    background-color: #222222;
    color: #FFFFFF;
    font-size: 1.0rem;
    text-align: center;
    width: 90px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 5px;
}
.inputContIdea{
    display: inline-block;
    background-color: #EFEFEF;
    color: #344342;
    font-size: 1.0rem;
    text-align: center;
    width: 90px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 5px;
    border: 1px solid #707070;
}



.inputContStatusButton{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 20px;
}
.inputContStatusButton button{
    border: 1px solid #EFEFEF;
    background-color: #EFEFEF;
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-size: 1.0rem;
    text-align: center;
    color: #334341;
    transition: .4s;
    cursor: pointer;
    border-radius: 7px;
    margin-right: 10px;
    font-weight: 700;
}
.inputContStatusButton button:last-child{
    margin-right: 0;
}
.inputContStatusButton button:hover{
    background-color: #FFFFFF;
}
.inputContDl{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    flex-wrap: wrap;
}
.inputContDl dt{
    font-weight: 700;
    font-size: 1.2rem;
    padding-bottom: .5em;
    width: 25%;
    padding-bottom: 1.8em;
}
.inputContDl dd{
    width: 75%;
    font-size: 1.4rem;
}
.inputContDl .memberTbl{
    color: #344342;
    max-height: 100px;
    border-collapse: collapse;
    display: block;
    overflow-y: scroll;
}
.inputContDl .memberTbl td{
    padding-bottom: 8px;
}
.inputContDl .memberTbl td:nth-of-type(1){
    font-size: 1.1rem;
}
.inputContDl .memberTbl td:nth-of-type(2){
    width: 50px;
}
.inputContDl .memberTbl td:nth-of-type(3){
    font-size: 1.3rem;
}
.inputContDl .memberTbl .user{
    height:26px;
    width:26px;
    border-radius:50%;
    line-height:26px;
    text-align:center;
    background-color: #2CAAA0;
    margin-left: 10px;
}
.inputContDl .memberTbl .user span{
    color: #FFFFFF;
    font-size: 1.2rem;
}
.inputContDl a.file{
    font-size: 1.1rem;
    font-weight: bold;
    transition: .4s;
    position: relative;
    padding-left:1.5em;
    background-color: #FFFFFF;
    padding: 8px 0 8px 25px;
    border-radius: 7px;
}
.inputContDl a.file:hover{
    background-color: #EFEFEF;
    color: #000000!important;
}
.inputContDl a.file::before{
    background-image: url(../img/icon_file_g.png);
    background-repeat: no-repeat;
    background-size:contain;
    width: 2em;
    height: 2em;
    content: "";
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 2px;
}
/* comment */
.commentCon{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    flex-wrap: wrap;
    padding: 25px 0;
    max-height: 170px;
    display: block;
    overflow-y: scroll;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 30px;
}
.commentBlock{
    max-width: 550px;
    padding-bottom: 30px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.commentBlock.right{
    margin-left: auto;
}
.commentBlock.left{
    margin-right: auto;
}
.commentBlock.right .auther{
    order: 1;
    width: 30%;/*20210622追加*/
}
.commentBox{
    background-color: #FFFFFF;
    padding: 10px;
    font-size: 1.3rem;
    color: #344342;
    line-height: 2;
    width: 60%/*20210622追加*/;
}
.commentBox p{
    font-size: 1.3rem;
    color: #344342;
}
.commentBlock.right .commentBox{
    margin-right: 20px;
}
.commentBlock.left .commentBox{
    margin-left: 20px;
}
.commentBlock .name{
    font-size: 1.3rem;
    color: #344342;
}
.commentBlock time{
    font-size: 1.2rem;
    color: #344342;
}
.commentBlock .name{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    line-height: 26px;
    padding-bottom: 1em;
}
.commentBlock .user{
    height:26px;
    width:26px;
    border-radius:50%;
    line-height:26px;
    text-align:center;
    background-color: #2CAAA0;
    margin-right: 5px;
}
.commentBlock .user span{
    color: #FFFFFF;
    font-size: 1.2rem;
}
.commentBlock a.file{
    font-size: 1.1rem;
    font-weight: bold;
    transition: .4s;
    position: relative;
    padding-left:1.5em;
    background-color: #FFFFFF;
    padding: 8px 0 8px 25px;
    border-radius: 7px;
}
.commentBlock a.file:hover{
    background-color: #EFEFEF;
    color: #344342;
}
.commentBlock a.file::before{
    background-image: url(../img/icon_file_g.png);
    background-repeat: no-repeat;
    background-size:contain;
    width: 2em;
    height: 2em;
    content: "";
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 2px;
}
.ef_bg .fileConBox{
    margin-top: 20px;
    background-color: #FCFCFC;
    margin-bottom: 20px;
}
.ef_bg.comment{
    padding:0 4% 4%;
    width: 92%;
}

/*添付データopen*/
.fileCon{
    max-width: 460px;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    border-radius: 7px;
    border: 1px solid #E2E2E2;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    padding: 20px;
}
.fileCon .fileConLi{
    background-color:#F4F7F7;
    padding:0 20px 20px 20px;
    color: #344342;
    margin-top: 20px;
}
.fileCon .fileConLi li{
    padding-bottom: 1em;
    padding-top: 1em;
    font-size: 1.4rem;
    border-bottom: 1px solid #CCCCCC;
}
.fileCon .fileConLi li a{
    color: #2CAAA0;
    text-decoration: underline;
    font-size: 1.3rem;
    padding-left: 2em;
}
.fileDlBtn{
    width: 200px;
    height: 38px;
    line-height: 38px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    text-align: center;
}
.fileDlBtn a{
    display: block;
    transition: .4s;
    background-color: #2CAAA0;
    border: 1px solid #2CAAA0;
    color: #FFFFFF;
    border-radius: 7px;
    font-size: 1.2rem;
    padding-left: 20px;
    position: relative;
}
.fileDlBtn a::before{
    background-image: url(../img/icon_cloud.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 17px;
    height: 17px;
    margin: auto;
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 35px;
}
.fileDlBtn a:hover{
    background-color: #FFFFFF;
    color: #2CAAA0;
}
.fileDlBtn a:hover::before{
    background-image: url(../img/icon_cloud_hover.png);
}

/*通知*/
.noticCon{
    width: 340px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
    border-radius: 7px;
    box-shadow: 0px 3px 6px 0px rgba(3, 3, 3, 0.16);
}
.noticCon .noticConBox{
    width: 100%;
    border-bottom: 1px solid #E2E2E2;
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
}
.noticCon .noticConBox:last-child{
    border-bottom: none;
}
.noticCon .noticConBox .taskStatus{
    padding:0 20px;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: nowrap;
}
.noticCon .noticConBox .taskStatus p.task{
    border: 1px solid #2CAAA0;
    color: #2CAAA0;
    font-size: 1.1rem;
    text-align: center;
    line-height: 18px;
    padding-right: 10px;
    padding-left: 10px;
}
.noticCon .noticConBox .taskStatus span{
    width: 14px;
    height: 14px;
    border-radius: 50px;
    margin-left: 5px;
    margin-top: 3px;
}

.noticCon .noticConBox .noticConTxt{
    color: #344342;
    font-size: 1.2rem;
    padding: 10px 20px 5px 20px;
}
.noticCon .noticConBox .noticTimeTxt{
    color: #2CAAA0;
    font-size: 1.2rem;
    text-align: right;
    padding-right: 20px;
}

/*login*/
.wrap.login{
    background-color: #F4F7F7;
    height: 100%;
    width: 100%;
}
.loginCon{
    margin: auto;
    max-width: 500px;
    width: 90%;
    padding-top: 70px;
}
.loginCon .projectTit{
    text-align: center;
}
.loginCon .loginTit{
    text-align: center;
    color: #344342;
    font-size: 1.3rem;
    padding-top: 40px;
    padding-bottom: 20px;
}
.loginCon .loginBox{
    background-color: #FFFFFF;
    border-radius: 7px;
    width: 100%;
}
.loginCon .loginBox .formCnt{
    max-width: 300px;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 35px;
    padding-bottom: 35px;
    font-size: 1.3rem;
    color: #344342;
}
.loginCon .loginBox .formCnt p{
    font-size: 1.3rem;
    color: #344342;
    padding-bottom: .5em;
}
.loginCon .loginBox .formCnt input{
    margin-bottom: 30px;
}
.loginCon .loginBox .formCnt .login_btn {
    margin-top: 10px;
    border: 0;
    padding: 10px 0;
    font-size: 1.2rem;
    text-align: center;
    color: #FFFFFF;
    border-radius: 7px;
    background-color: #2CAAA0;
    border: 1px solid #2CAAA0;
    transition: .4s;
    cursor: pointer;
    width: 100%;
}
.loginCon .loginBox .formCnt .login_btn:hover {
    background-color: #FFFFFF;
    color: #2CAAA0;
}

/*personal*/
/*個人設定ではロゴ横のborderを削除*/
header h1.personal::after{
	content: none;
}
.personalCon{
    margin: auto;
    max-width: 1000px;
    width: 90%;
    padding-top: 50px;
}
.personalCon .formCnt{
    padding-top: 35px;
    padding-bottom: 35px;
    font-size: 1.3rem;
    color: #344342;
    max-width: 500px;
    width: 100%;
}
.personalCon .formCnt .name{
    font-size: 1.8rem;
    margin-bottom: 20px;
}
.personalCon .formCnt p{
    font-size: 1.3rem;
    color: #344342;
    padding-bottom: 1em;
}
.personalCon .formCnt .cp_ipselect{
    width: 220px;
    margin-bottom: 30px;
}
.personalCon .formCnt input{
    margin-bottom: 30px;
    width: 100%;
}
.personalCon .formCnt .personal_set_btn {
    margin-top: 10px;
    border: 0;
    padding: 10px 0;
    font-size: 1.2rem;
    text-align: center;
    color: #FFFFFF;
    border-radius: 7px;
    background-color: #2CAAA0;
    border: 1px solid #2CAAA0;
    transition: .4s;
    cursor: pointer;
    width: 110px;
    float: right;
}
.personalCon .formCnt .personal_set_btn:hover {
    background-color: #FFFFFF;
    color: #2CAAA0;
}
.personalCon .formCnt .cp_sl01 input{
    width: auto;
    margin-right: .5em;
}
.personalCon .formCnt .cp_sl01 input[type="radio"]:nth-of-type(1){
    margin-left: 00px;
}
.personalCon .formCnt .cp_sl01 input[type="radio"]{
    margin-left: 20px;
    width: 20px;
    height: 20px;
    vertical-align: top;
}
/*setupのプルダウンをラジオボタンに変更*/
.radio_box{
    margin-bottom: 30px;
}
.radio-input{
    display: none;
}
.radio-input + label{
    padding-left:2em;
    position:relative;
    margin-right: 20px;
}
.radio-input + label::before{
    content: "";
    display: block;
    position: absolute;
    top: -4px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    border-radius: 50%;
}
.radio-input:checked + label{
    color: #2CAAA0;
}
.radio-input:checked + label::after{
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 3px;
    width: 16px;
    height: 16px;
    background: #2CAAA0;
    border-radius: 50%;
}





/*main_personal*/
.status_wrap .status_in .status_main .mainpersonalCon{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: nowrap;
}
.statusSideTit .status_tit{
    background-color: #F8F8F8;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 1.2rem;
    padding-right: 10px;
    padding-left: 10px;
    border-right: 1px solid #E2E2E2;
    width: 36px;
}
.status_wrap .status_in .status_main .mainpersonalCon .status_block{
    /*height: calc(90vh/3) ;20210621　高さを固定に変更*/
    height: 330px;
    border-bottom: 1px solid #E2E2E2;
}
.statusDropArea .status_block{
    width: 2600px;
    position: relative;
    /*padding-left: 10px;20210621変更*/
}
.statusDropArea .status_block .drag,.status_side .drag{
    position: absolute!important;
    top: 0;
    left: 0;
}

.taskCon{
    position: relative;
}
.taskCon a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}


/*.statusDropArea .status_block .tag.movetag{
    cursor: move;
    position: absolute;
    z-index: 1000;
    margin-top: 10px;
}
.drag {
    z-index: 1001;
}*/


/*main_list*/
.mainlistCon{
    padding-top: 56px;
}
.mainlistCon .mainlistBox{
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E2E2E2;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: nowrap;
}
.mainlistCon .mainlistBox .projectLi{
    width : calc(100% - 180px) ;
    padding-left: 15px;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
}

.mainlistCon .mainlistBox .projectLi .status{
    width: 48px;
    color: #344342;
    font-size: 1.1rem;
    text-align: center;
    margin-right: 12px;
    margin-top: 15px;
}
.mainlistCon .mainlistBox .projectLi .status span{
    width: 48px;
    height: 48px;
    border-radius: 50px;
    border-width: 1px;
    border-style: solid;
    border-color: #707070;
    background-color: #EFEFEF;
    content: "";
    display: block;
    position: relative;
    margin-right: 20px;
    margin-bottom: 5px;
}
.mainlistCon .mainlistBox .projectLi .status span.delay{
    width: 48px;
    height: 48px;
    border-radius: 50px;
    background:rgba(34, 34, 34, 0.7);
    content: "";
    display: block;
    z-index: 1;
    top: -1px;
    left: -1px;
    color: #FFFFFF;
    font-size: 0.7rem;
    line-height: 48px;
    position: absolute/*20210622追加*/;
}

.mainlistCon .mainlistBox .projectLi .status span.delay.priority{
    z-index: 2!important/*20210622追加*/;
}


.mainlistCon .mainlistBox .projectLi .status span.alert::before{
    width: 14px;
    height: 14px;
    content: "";
    border-radius:50px;
    background-color: rgb(44,170,160);
    border: 1px solid #FFFFFF;
    content:"";
	display:inline-block;
    top: -2px;
    right: -2px;
    position: absolute;
    z-index: 1;
}
.mainlistCon .mainlistBox .projectLi .statusDetail{
    width : calc(100% - 60px) ;
}

.mainlistCon .mainlistBox .projectLi .statusDetail .cate_tit{
    font-size: 1.1rem;
    margin-bottom: 5px;
    display: inline-block;
    width: 55px;
    padding-top: .1em;
    padding-bottom: .1em;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    float: left;
}
.mainlistCon .mainlistBox .projectLi .statusDetail .cate_tit.task{
    border-color: #2CAAA0;
    color: #2CAAA0;
}
.mainlistCon .mainlistBox .projectLi .statusDetail .cate_tit.idea{
    border-color: #727272;
    color: #727272;
}
.mainlistCon .mainlistBox .projectLi .statusDetail ul{
    display: flex;
    padding-top: 3px;
}
.mainlistCon .mainlistBox .projectLi .statusDetail .entryTit{
    clear: both;
    font-size: 1.3rem;
    color: #344342;
    margin-top: 10px;
    width: 100%;
}
.mainlistCon .mainlistBox .projectLi .entryTxt{
    font-size: 1.3rem;
    color: #344342;
    width: 100%;
    padding-left: 60px;
    margin-top: -10px;
}

.mainlistCon .mainlistBox .projectLi .statusDetail li{
    font-size: 1.1rem;
    padding-left: 25px;
    color: #344342;
}
.mainlistCon .mainlistBox .projecrStart{
    margin-left: auto;
    color: #707070;
    font-size: 1.1rem;
    width: 110px;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    -webkit-align-items: center;
    align-items: center;
}


/*------------------------------
main_all　調整
------------------------------*/

@media screen and (max-width:1400px){
    .main_header .breadcrumb{
        padding-left: 10px;
        padding-right: 20px;
    }
    .main_header .status li{
        padding-right: 15px;
    }
    .cp_ipselect.cp_sl02 {
        width: 100px;
    }
}

@media screen and (max-width:1250px){
/*    .main_header .breadcrumb{
        display: none;
    }*/
    .main_header .status{
        display: none;
    }
    .main_header .devision{
        display: none;
    }
}




/*------------------------------
SP
------------------------------*/
@media screen and (max-width:800px){
.pc{
    display: none!important;
}
.sp{
    display: block!important;
}
/* header */
    header{
        border-bottom: 1px;
    }
    header h1{
        display: none;
    }
    header ul{
        display: none;
    }
    header .contR{
        top: 8px;
        right: 16px;
    }
    header .contR .bell{
        width: 40px;
        height: 40px;
    }
    header .contR .bell.alert::before{
        width: 14px;
        height: 14px;
    }
    header .contR .user{
        margin-left: 12px;
        height:40px;
        width:40px;
        line-height:40px;
    }
    header .contR .user span{
        font-size: 3.4vw;
    }
    header .contR .memo{
        width: 40px;
        margin-right: 12px;
        display: block;
    }
    header .contR .memo img{
        width: 100%;
        height: auto;
    }
    
    header .register{
        display: none;
    }
    .menu{
        display:block;
        width:48px;
        height:48px;
        position:fixed;
        top:5px;
        left:13px;
        z-index: 10002;
    }
    .menu a{
        display:block;
        width:48px;
        height:48px;
        position:relative;
    }
    .menu a span{
        text-indent:-999em;
        overflow:hidden;
    }
    .menu a::before,
    .menu a::after{
        content:"";
    }
    .menu a span,
    .menu a::before,
    .menu a::after{
        display:block;
        height:3px;
        background:#2CAAA0;
        position:absolute;
        right:0;
        transition-duration:0.4s;
    }
    .menu a::before{
        width:100%;
        top:30%;
    }
    .menu a span{
        width:75%;
        left: 0;
        top:55%;
    }
    .menu a::after{
        width:50%;
        top:80%;
        left: 0;
    }
    .menu.active a span{
        width:0;
    }
    .menu.active a::before{
        width:100%;
        top:50%;
        transform:rotate(-135deg);
        background:#FFFFFF;
    }
    .menu.active a::after{
        width:100%;
        top:50%;
        transform:rotate(135deg);
        background:#FFFFFF;
    }
    .sideMenu{
        width: 100%;
        height: 100%;
        right: -800px;
        background-color: #2CAAA0;
        position: fixed;
        height: 100vh;
        top: 0;
        padding-top: 10vw;
        box-sizing: border-box;
        z-index: 10001;
        left: auto;
    } 
    .sideMenu ul{
        font-size: 3.8vw;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        border-top: 1px solid #84D5CE;
        margin-top: 5vw;
    } 
    .sideMenu li{
        border-bottom: 1px solid #84D5CE;
        padding-top: 3vw;
        padding-bottom: 3vw;
    }    
    .sideMenu li:nth-of-type(1),.sideMenu li:nth-of-type(2),.sideMenu li:nth-of-type(3){
        display: none;
    }
    .sideMenu li a:hover{
        background-color: #2CAAA0;
    }
    .sideMenu li a{
        color: #FFFFFF;
        padding-left: 4em;
    }   
    .sideMenu nav ul {
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    .sideMenu li.tasklist a::before{
        width: 6vw;
        height: 6vw;
        background:url(../img/icon_tasklist_sp.png) no-repeat;
        background-size: cover;
        top: .4em;
        left: 2em;
    }
    .sideMenu li.task a::before{
        width: 5vw;
        height: 5vw;
        background:url(../img/icon_task_sp.png) no-repeat;
        background-size: cover;
        top: .4em;
        left: 2em;
    }
    .sideMenu li.idea a::before{
        width: 4vw;
        height: 6vw;
        background:url(../img/icon_idea_sp.png) no-repeat;
        background-size: cover;
        top: .4em;
        left: 2.2em;
    }
    .sideMenu li.personal a::before{
        width: 4vw;
        height: 6vw;
        background:url(../img/icon_profile_sp.png) no-repeat;
        background-size: cover;
        top: .4em;
        left: 2.2em;
    }
    .sideMenu li.logout a::before{
        width: 5vw;
        height: 5vw;
        background:url(../img/icon_logout_sp.png) no-repeat;
        background-size: cover;
        top: .4em;
        left: 2.2em;
    }
    .main{
        width: 100%;
        padding-left: 0;
        padding-top: 0;
    }
    .sp_task_plus{
        display: block;
        position: fixed;
        bottom: 30px;
        right: 12px;
        z-index: 9998;
    }
    .main_header{
        width: 100%;
        display: none;
    }
    .status_header{
        width: 100%;
        min-width: 100%;
        top: 112px;
        left: 0;
        display: none;
    }
    .status_wrap.sp_display{
        display: none;
    }
    /* modal */
    .modal {
        width: 100%;
        background-color: #FFFFFF;
        margin-top: 0;
    }
    .input_content_inn{
        width: 90%;
        padding-top: 10px;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 50px;
    }
    .input_content_header{
        padding-bottom: 15px;
        margin-bottom: 35px;
        height: 30px;
    }
    .input_content_header .inputTit{
        display: none;
    }
    .input_content_header .button01{
        position: absolute;
        z-index: 1;
        left: 0;
    }   
    .input_content_header .button01 a{
        width: 80px;
    }   
    
    /* form */
    input,textarea {
        -webkit-appearance: none;
        resize: vertical;
    }
    .input_content_header{
        position: relative
    }
    .inputCon{
        flex-wrap: wrap;
    }
    .check_box{
        position: absolute;
        right: 0;
    }
    .inputConBox.wid300{
        width: 100%;
    }
    .inputConBox.cal3{
        width : 48%;
        margin-right: 4%;
    }
    .ef input[type='text'] {
        border: 1px solid #8E8E8E;
    }
    .ef textarea {
        min-height: 240px; 
        border: 1px solid #8E8E8E;
    }
    .cp_ipselect.cp_sl01 {
        border: 1px solid #8E8E8E;
        margin-bottom: 10px;
    }
    .member_block .inputConBox.cal3:nth-of-type(2n){
        margin-right: 0;
    }
    .check_box.permission{
        position: static;
        padding-top: 0;
    }
    .add_btn{;
        width: 35px;
        height: 35px;
        position: static;
        display: flex;
        margin-left: auto;
        margin-top: 10px;
    }
    #dropArea{
        display: none
    }
    #inputFile {
        padding: 0;
        text-align: left;
    }
    #upFileWrap{
        background-color: #FFFFFF;
    }
    #inputFileWrap {
        left: 0%;
        font-size: 1.4rem;
    }
    #inputFileWrap label {
        font-size: 1.5rem;
        background: #E2E2E2;
        margin-left: 0;
        padding: 10px;
        display: inline-block;
    }
    #inputFileWrap  span{
        float: right;
        padding-left: 1em;
        padding-top: 10px;;
    }   
    .button02 {
        padding: 5px 20px;
        font-size: 1.2rem;
    }
    .submit_btn {
        padding: 20px 0;
        width: 60%;
    }
/* タスク詳細ボタン */
    .input_content_header .button03{
        position: absolute;
        right: 0
    }
    .inputConBox.cal2{
        width : 100%;
        margin-right: 0;
    }
/* 完了ボタン */
    .button_done {
        margin-top: 20px;
        width: 204px;
        margin-right: auto;
        margin-left: auto;
    }
    .button_done .button02{
        padding: 15px 0;
        font-size: 1.4rem;
        width: 100%;
    }
    .inputContStatusButton{
        flex-wrap: wrap;
        padding-bottom: 20px;
        border-bottom: 1px solid #E2E2E2;
    }
    .inputContStatusButton button{
        border: 1px solid #EFEFEF;
        background-color: #EFEFEF;
        margin-bottom: 10px;
        text-align: center;
        color: #334341;
        transition: .4s;
        cursor: pointer;
        border-radius: 7px;
        font-weight: 700;
    }
    .inputContDl{
        padding-top: 30px;
    }
/* comment */
    .commentCon{
        flex-direction:column;
        padding: 25px 0;
        max-height: 300px;
        margin-bottom: 30px;
    }
    .commentBlock{
        max-width: 100%;
        padding-bottom: 30px;
        flex-direction:column;
    }
    .commentBlock.right{
        margin-left: auto;
    }
    .commentBlock.left{
        margin-right: auto;
    }
    .commentBlock.right .auther{
        order: 0;
        width: 100%;/*20210622追加*/
    }
    .commentBox{
        background-color: #FFFFFF;
        padding: 10px;
        font-size: 1.3rem;
        color: #344342;
        line-height: 2;
        width: 100%/*20210622追加*/;
    }
    .commentBox p{
        font-size: 1.3rem;
        color: #344342;
    }
    .commentBlock.right .commentBox{
        margin-right: 0;
    }
    .commentBlock.left .commentBox{
        margin-left: 0;
    }
    .commentBlock .auther{
        display: flex;
    }
    .commentBlock .auther time{
        margin-left: auto;
    }
    .commentBlock.right .auther time{
        margin-right: auto;
        margin-left: 0

    }
    .commentBlock.right .auther .name{
        order: 1;
    }
    .ef.comment textarea {
        min-height: 120px; 
        border: 1px solid #8E8E8E;
    }
    .ef_bg.comment{
        background-color: #F4F7F7;
        width: 92%;
        padding:0 4% 7%;
    }

    
    
    /* personal 戻るボタン */
    .button01.back a{
        border: 1px solid #E2E2E2;
        background-color: #FFFFFF;
        border-radius: 7px;
        width: 116px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        font-size: 1.2rem;
        transition: .5s;
        margin-top: 10px;
        margin-left: 10px;
        cursor: pointer;
        position: absolute;
        z-index: 1003;
    }
    .button01.back a{
        display: block;
    }
    .button01.back a:hover{
        background-color: #EBEBEB;
    }
    .headTitsp{
        position: absolute;
        top: 14px;
        right: 0;
        left: 0;
        margin: auto;
        font-size: 1.8rem;
        text-align: center;
    }
    
/*main_list*/
    .mainlistCon{
        padding-top: 130px;
    }
    .status_header.mainList{
        display: block;
    }
    .status_header.mainList{
        width: 100%;
        height: 46px;
        top: 55px;
        left: 0;
        background-color: #FFFFFF;
        padding-top: 10px;
        padding-bottom: 10px;
        display: flex;
    }
    .status_header.mainList .statusLi{
        background-color: #FFFFFF;
        border: none;
        height: 30px;
        padding-right: 5px;
        padding-left: 5px;
        width: 80%;
        margin-right: 5%;
        margin-left: 2%;
    }
    .status_header .statusLi li{
        width: 100%;
        margin-right: 10px;
        line-height: 37px;
        border-radius: 7px;
    }
    .status_header .statusLi li a{
        padding-top: .2em;
        padding-bottom: .2em;
        background-color: #F7F7F7;
        border-radius: 7px;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    }

    .status_header .search  {
        width: 10%;
    }
    .status_header .search img{
        width: 80%;
    }
    .mainlistCon .mainlistBox{
        flex-direction:column;
    }
    .mainlistCon .mainlistBox .projectLi{
        width : 90%;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
    }
    .mainlistCon .mainlistBox .projectLi .status{
        font-size: 1.0rem;
        margin-right: 8px;
    }
    .mainlistCon .mainlistBox .projectLi .statusDetail .cate_tit{
        float: none;
    }
    
    .mainlistCon .mainlistBox .projectLi .statusDetail ul{
        padding-top: 0px;
        padding-bottom: 10px;
    }
    .mainlistCon .mainlistBox .projectLi .statusDetail .entryTit{
        font-size: 1.5rem;
        width: 100%;
        margin-top: 0;
    }
    .mainlistCon .mainlistBox .projectLi .entryTxt{
        padding-left: 0;
        margin-top: 10px;
    }

    .mainlistCon .mainlistBox .projectLi .statusDetail li{
        font-size: 1.0rem;
        padding-left: 0;
        padding-right: 10px;
    }
    .mainlistCon .mainlistBox .projecrStart{
        width: auto;
        padding-right: 5%;
    }
    .sortCon{
        display: none!important;
    }
/*memo on*/
    .memoCon{
        max-width: 350px;
        padding-top: 25px;
        padding-bottom: 25px;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        background-color: #FFFFFF;
        border-radius: 7px;
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 6, 0.5);
    }
    .memoCon .memo textarea {
        box-sizing: border-box;
        width: 90%;
        margin-left: 5%;
        min-height: 116px; 
        padding: .6em;
        transition: 0.4s;
        color: #444444;
        border: 1px solid #E2E2E2;
        background-color: #FFFFFF;
        border-radius: 7px;
    }
    .memoCon .memo textarea:focus {
        outline: none;
        box-shadow: 0 0 5px 1px rgba(1,1,1, .2);
    }
    .memoCon .submit_btn_wrap .submit_btn{
        width: 204px;
        line-height: 56px;
        margin-right: auto;
        margin-left: auto;
        font-size: 1.8rem;
        padding: 0;
    }
    .searchCon{
        max-width: 350px;
        padding-top: 35px;
        padding-bottom: 35px;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
        background-color: #FFFFFF;
        border-radius: 7px;
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 6, 0.5);
    }
    .searchCon .search input[type='text'] {
        box-sizing: border-box;
        width: 89%;
        margin-left: 5%;
        padding: 1em;
        transition: 0.4s;
        color: #444444;
        border: 1px solid #E2E2E2;
        background-color: #FFFFFF;
        border-radius: 7px;font-size: 1.3rem;
        padding-left: 11%;
    }
    .searchCon .search input{
        background-image: url(../img/icon_search.png);
        background-repeat: no-repeat;
        background-size: 1.8em;
        background-position: 3% center;
    }
    .searchCon .search input[type='text']:focus {
        outline: none;
        box-shadow: 0 0 5px 1px rgba(1,1,1, .2);
    }
    .searchCon .cp_ipselect.cp_sl02 {
        width: 254px;
        margin-top: 20px;
        margin-right: auto;
        margin-left: auto;
    }
}

/*管理画面調整 20210607*/
.ui-dialog .ui-dialog-titlebar {
    display: none!important;
}
.main_header{
    z-index:98!important;
}
.status_header{
    z-index:98!important;
}
.ui-widget-overlay {
    background: rgba(0, 0, 0, 0.8)!important;
	opacity: 1!important;
    filter: Alpha(Opacity=0)!important;;
}
.update_permissions_label{
    padding-left: 2em!important;
    top: -5px!important;
}
#dropArea {
    left: 8%;
    padding-top: .2em;
}
#inputFileWrap {
    left: 19%;
}
.ef_bg #inputFileWrap{
    left: 20.5%;
}
.inputContStatusButton button{
    font-size: 1.0rem!important;
}
.submit_btn {
    font-size: 1.2rem!important;
}
.inputContStatusButton{
	flex-wrap: wrap;
    justify-content:flex-start;
}
.inputContStatusButton button{
    width: auto;
    padding-right: .8em;
    padding-left: .8em;
    margin-bottom: .5em;
    height: 35px;
    line-height: 35px;
}


@media screen and (max-width:800px){
    .inputContStatusButton button{
        width: 32%;
        margin-right: 1%;
        margin-bottom: 10px;
        padding-right: 0;
        padding-left: 0;
    }
}
.tag {
    padding-right: 0px;
    padding-left: 0px;
    text-indent: 10px;
}
.tag a{
    padding-right: 10px;
    padding-left: 10px;
    display: block;
    text-indent: 0;
}
.tagCon{
    position: relative;
}
.tagCon a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 1000;
}
.tagCon.nocursor{
    cursor: default!important;
}
.tagCon.cursor{
    cursor: pointer!important;
}
.statusDropArea{
    width: 100%;
}
.status_block.status_block_completed{
    width: auto;
}
.status_block.status_block_progress{
    width: auto;
}
.status_block.status_block_issued{
    width: auto;  
}
.status_side_in.status_block_idea{
    height: 100%;
}
.status_wrap .status_side{
    background-color: #FFFFFF;
}
.tag span.pending{
    width: 117px;
    text-indent: 0;
}
.tag span.request{
    width: 117px;
    text-indent: 0
}
.fileDlBtn a{
    color: #FFFFFF!important;
}
.fileDlBtn a:hover{
    color: #2CAAA0!important;
}
@media screen and (max-width:800px){
    .update_permissions_label{
        top: 0!important;
    }  
    .ui-widget-overlay {
        background: #FFFFFF!important;
    }
    /* Corner radius */
    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-left,
    .ui-corner-tl {
        border-top-left-radius: 0!important;
        border: none!important;
    }
    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-right,
    .ui-corner-tr {
        border-top-right-radius: 0!important;
    }
    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-left,
    .ui-corner-bl {
        border-bottom-left-radius: 0!important;
    }
    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-right,
    .ui-corner-br {
        border-bottom-right-radius: 0!important;
    }
}


/*personal_list調整 20210621*/
.sortCon .indicator span.up.select{
    border-bottom-color: #2CAAA0;
}
.sortCon .indicator span.down.select{
    border-top-color: #2CAAA0;
}
.mainlistCon .mainlistBox .projectLi .statusDetail .entryTit{
    min-height: 1em;
}
/*スマホモーダル開いた時のメニューと背景z-index調整 20210621*/
@media screen and (max-width:800px){
    .menu{
        z-index: 100;
    } 
    .sideMenu{
        z-index: 99;
    } 
    .sp_task_plus{
        z-index: 98;
    }
}
/*スマホモーダル開いた時のwidth調整 20210622*/
@media screen and (max-width:800px){
    .ui-dialog .ui-dialog-content {
    overflow-x: hidden!important;
    }
    .ui-dialog {
    padding: 0px!important;
    }
    .ui-widget-content{
        background-color: #FFFFFF!important;
    }
    .input_content_header{
        height: 50px!important;
    }
}
/*tagを動かしたときの並び順調整 20210623*/
.drag{
    z-index: 1001;
}
.dragOn{
    z-index: 1003!important;
}
/*現在のページのメニューをonに 20210623*/
.sideMenu li.select,.sideMenu li.select a{
    background-color: #cbeae8!important;
}
.sideMenu li.select:hover,.sideMenu li.select a:hover{
    background-color: #e6efef!important;
}


@media screen and (max-width:800px){
    .sideMenu li.select,.sideMenu li.select a{
        background-color: #2CAAA0!important;
    }
}