@charset "utf-8";

/* 共通パーツ
================== */
/*画像丸*/
.circle-pic { border-radius: 50%; display: inline-block; overflow: hidden !important;}
.circle-pic > img,
.circle-pic > a > img {border-radius: 50%; }
a.circle-pic {border: 1px solid #E7E7E7; display: block;}
.circle-pic.cp-size-m { width: 180px; height: 180px;}
.circle-pic.cp-size-a { width: 80px; height: 80px;}
.staff-list a.circle-pic:hover {border: 1px solid #03a9f4     ;}

/*ヘッド領域　自分以外の写真など*/
.except-circle-pic-xs {width: 62px; height: 62px;}

.wp-container {background-color: #F3F3F8; padding-top: 30px; padding-left: 2%; padding-right: 0; padding-bottom: 10px;}
.container-pad { padding: 40px; padding-top: 20px;}
.wp-container-admin {margin-top: -20px;}

/*基本ボックス*/
.mblock {border-right: 5px; border: 1px solid #E1E4E6; background-color: #fff; border-radius: 5px; margin-bottom: 30px;}
.mblock > h3 {padding: 18px; font-weight: bold; font-size: 1.4rem; border-bottom: 1px solid #E1E4E6;}
.mblock > .mblock-head-btn {float: right; padding-right: 15px; padding-top: 10px;}
.mblock > .conts {padding: 18px;}


/* login
============================================== */
/*#login-wrapper:after {background: url(/img/8785432136_35d051e959_h.jpg); background-attachment: fixed;}
#login-wrapper:after {  content: "";
  z-index: -1;
  -webkit-filter: blur(14px);
  -ms-filter: blur(14px);
  filter: blur(14px);
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;}*/
  .loginPanel h2 {font-size: 1.8rem; margin-bottom: 40px; margin-top: 30px; text-transform:capitalize;}
.loginPanel{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 400px;height: 400px;}
.loginPanel .panel-heading{background-color: #171D1C;color: #FFF;font-weight: bold;}
.loginPanel button{width: 150px;margin: 20px auto;}


/* お知らせ
================== */
.mblock .set-btns {float: right;}
.mblock .set-btns a i{color: #9e9e9e; font-size: 2.9rem; vertical-align: middle;}
.mblock .set-btns a:hover i {color: #ccc;}
.mblock > .conts.info {padding: 0;  overflow:hidden;}
.mblock > .conts.info .collection {border: none; border-radius: 0 0 5px 5px; overflow: auto; height: 160px;}
.mblock > .conts.info a {font-size: 1.3rem; border: none;}
.mblock > .conts.info a span.info-date {margin-right: 10px; float: left; }
.mblock > .conts.info a span.info-ttl {overflow: hidden; display: block;}
.info a {display: block; padding: 10px 15px;}
.info a:hover {background-color: #EEEEEE;}

/*バナーエリア*/
.bnr-block {text-align: center; padding-bottom: 40px; padding-top: 10px;  }
.bnr-block li {display: inline-block; margin: 0 10px;}

/* target
================== */
.mblock.target h3 span {float: right; font-weight: normal; font-size: 1.2rem;}
.target-box { float: left; width: 25%; text-align: center;}
.target-box h3 {font-size: 1.8rem; font-weight: bold; padding: 15px 0; }
.target-box p {font-size: 1.2rem; padding: 0 5px; line-height: 1.3; text-align: left;}
.target-box > div  {position: relative;}
.target-box > div > span {height: 1.5em; font-size: 1.4rem; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}


/* 案件
================== */
.project table th {text-align: center; padding: 10px 0;}
.project table tbody tr td {padding: 10px; vertical-align: middle;}
.project table tbody tr td.pj-name {}
.project table tbody tr td.pj-cost {text-align: center; }
.project table tbody tr td.pj-wait {text-align: center; font-weight: bold; font-size: 1.6rem; }
.project table tbody tr {transition: all 0.25s ease 0s; color: #26a69a; cursor: pointer;}
.project table tbody tr:hover {background-color: #DDDDDD;}


/* メッセージボックス
================== */
.message .conts {height: 324px; overflow: auto; position: relative;}
.message-box {margin-bottom: 15px; position: relative;}
.message-box .msg-label {color: #1976d2;}
.message-box .msg-label:hover {color: #0080FF;}

.message-box .msg-more { position: absolute; top: 5px; right: 35px;}
.message-box .msg-more i {font-size: 21px; color: #ccc;}
.message-box .msg-more i:hover {font-size: 21px; color: #AAAAAA;}

.message-box .acc-good {cursor: pointer; ;color: #ccc;  position: absolute; top: 5px; right: 0;}
.message-box .acc-good:hover,
.message-box .acc-good.hit {color: #00b0ff;}
.message-box > .pic {float: left; width: 62px; height: 62px; margin-right: 12px;}
.message-box > dl {padding-top: 5px; overflow: hidden;}
.message-box > dl > dt {font-size: 1.0rem; font-weight: normal;}
.message-box > dl > dt + dd {font-weight: bold;}
.message-box > dl > dt + dd:last-child {font-weight: normal;}
/*.message-box > dl > dd {padding-top: 5px;}*/

/*共通化*/
.usr-box-row {}
.usr-box {margin-bottom: 15px; position: relative;}
.usr-box .msg-label {color: #1976d2;}
.usr-box .msg-label:hover {color: #0080FF;}
.usr-box .btns {position: absolute; right: 0;top: 5px; }
.usr-box .btns [class*="mi-"] {margin-left: 5px; display: inline-block;}

.usr-box .circle--pic {float: left; vertical-align: middle; width: 62px; height: 62px; margin-right: 5px;}

.usr-box dl {overflow: hidden;}
.usr-box dl > dt {font-size: 1.2rem; font-weight: normal;}
.usr-box dl > dt + dd {font-weight: bold; font-size: 14px;}
.usr-box dl .usr-name {font-weight: bold; font-size: 14px;}

.usr-box.msg-send {padding-right: 30px;}
.usr-box.msg-ans {padding-left: 50px;}
.usr-box.msg-ans .circle--pic {width: 60px; height: 60px;}
/*.message-box > dl > dd {padding-top: 5px;}*/

/*画像背景にして制御*/
.circle--pic {background-position: center center; background-size: cover; border-radius: 50%; display: inline-block;}
.circle--pic.assign-pic {width: 80px; height: 80px;}
.circle--pic.message-pic {width: 80px; height: 80px;}

a.circle--pic  {-webkit-transform: scale(.9);transform: scale(.9);-webkit-transition: .1s ease-in-out;transition: .1 ease-in-out;}
a.circle--pic:hover {-webkit-transform: scale(1);transform: scale(1);}

.msg-tab {padding: 20px;}
.msg-tab #tab-reception .usr-box {border-bottom: 1px solid #e1e4e6; margin-bottom: 15px; padding-bottom: 15px;}
.msg-tab .usr-box > dl > dd {}
.msg-tab .tab-content {padding: 15px;}
.msg-tab .usr-blocks-2 {overflow: hidden; border-bottom: 1px solid #e1e4e6; margin-bottom: 15px;}
.msg-tab .usr-box.usr-box-send {margin-left: 0; padding-top: 15px;}
.msg-tab .usr-box.usr-box-send:before {content: "";position: absolute; width: 1px; height: 30px; background-color: #ccc; top: -15px; left: 40px;}

/* アクティビティ
================== */
.activity-box {text-align: center; line-height: 1.3;}
.activity-box span.num {display: block; text-align: center;  font-size: 2.1rem; margin-bottom: 5px;}
.activity-box i {color: #ccc; font-size: 6.0rem;}

/* チームメイト
================== */
.team-box {text-align: center; float: left; width: 129px; margin-bottom: 25px;}
.team-box .pic {height: 100px; width: 100px;}
.team-box p {font-size: 1.3rem; padding-top: 7px; overflow: hidden; height: 3.2em;}

/* action
================== */
.mblock.action h3 span {float: right; font-weight: normal; font-size: 1.2rem;}
.graf-bar {margin-bottom: 15px;}
.graf-bar dt {float: left; width: 100px;}
.graf-bar dd {overflow: hidden;}
.graf-bar dd > span {background-color: #ff9100 ; height: 20px; display: block;}
.graf-bar dd.graf-bar-10 span {width: 100%; }
.graf-bar dd.graf-bar-10 span:after {content: "10"; float: right; padding-top: 3px; margin-right: 5px; color: #fff;}
.graf-bar dd.graf-bar-9 span {width: 90%; }
.graf-bar dd.graf-bar-9 span:after {content: "9"; float: right;  padding-top: 3px; margin-right: 5px; color: #fff;}
.graf-bar dd.graf-bar-8 span {width: 80%; }
.graf-bar dd.graf-bar-8 span:after {content: "8"; float: right; padding-top: 3px; margin-right: 5px; color: #fff;}
.graf-bar dd.graf-bar-7 span {width: 70%; }
.graf-bar dd.graf-bar-7 span:after {content: "7"; float: right; padding-top: 3px; margin-right: 5px; color: #fff;}
.graf-bar dd.graf-bar-6 span {width: 60%; }
.graf-bar dd.graf-bar-6 span:after {content: "6"; float: right; padding-top: 3px; margin-right: 5px; color: #fff;}
.graf-bar dd.graf-bar-5 span {width: 50%; }
.graf-bar dd.graf-bar-5 span:after {content: "5"; float: right; padding-top: 3px; margin-right: 5px; color: #fff;}
.graf-bar dd.graf-bar-4 span {width: 40%; }
.graf-bar dd.graf-bar-4 span:after {content: "4"; float: right; padding-top: 3px; margin-right: 5px; color: #fff;}
.graf-bar dd.graf-bar-3 span {width: 30%; }
.graf-bar dd.graf-bar-3 span:after {content: "3"; float: right; padding-top: 3px; margin-right: 5px; color: #fff;}
.graf-bar dd.graf-bar-2 span {width: 20%; }
.graf-bar dd.graf-bar-2 span:after {content: "2"; float: right; padding-top: 3px; margin-right: 5px; color: #fff;}
.graf-bar dd.graf-bar-1 span {width: 10%; }
.graf-bar dd.graf-bar-1 span:after {content: "1"; float: right; padding-top: 3px; margin-right: 5px; color: #fff;}



/* 共通パーツ
================== */
.pankuzu {padding-bottom: 2%;}
.pankuzu ul li {display: inline-block; margin-right: 15px;}
.pankuzu li:after{content:"/"; margin-left: 15px;}
.pankuzu li:last-child:after{content:none;}

.dropdown-menu li a {display: block; padding: 5px 10px; cursor: pointer;}
.dropdown .txt {margin-right: 5px;}
.dropdown-menu li.paernt ~ li {padding-left: 30px;}

.btn-submit{background-color: #2552EB;color: #FFF;}
.btn-submit:hover{background-color: #3A63ED;color: #FFF;text-decoration: none;}
.btn-add{background-color: #CF4545;color: #FFF;}
.btn-add:hover{background-color: #D65C5C;color: #FFF;text-decoration: none;}

.imgCircle{overflow: hidden;-webkit-border-radius: 50%;border-radius: 50%;}


.dropdown-toggle {padding: 4px 5px;}
.dropdown-toggle .page-name {display: inline-block;}
/*.page-head {padding-bottom: 2%;}*/
.page-head .head-ttl {font-size: 2.7rem; float: left; margin-right: 15px;}
.page-head > div {display: table-cell; vertical-align: middle;}
.page-head .ipt-action {float: left; margin-left: 10px;}



/* 管理者トップのナビ郡
================== */
.adm-top-main-nav {margin: 0 4%; overflow: hidden;}
.adm-top-main-nav-box {padding: 0;}

.adm-top-main-nav-box a {text-align: center; display: block; color: #fff; padding: 25px 0;}
.adm-top-main-nav-box .pic i {font-size: 12rem;}
.adm-top-main-nav-box .pic img {height: 100%;}
.adm-top-main-nav-box dl dt {text-align: center; font-size: 2.4rem; font-weight: normal;}
.adm-top-main-nav-box dl dd {text-align: center; font-size: 1.4rem; font-weight: normal;}

.adm-top-main-nav-box.atmnb-ren a {background-color: #968979;}
.adm-top-main-nav-box.atmnb-stf a {background-color: #42A5F6;}
.adm-top-main-nav-box.atmnb-osi a {background-color: #512da8 ;}
.adm-top-main-nav-box.atmnb-anc a {background-color: #9C9C78;}
.adm-top-main-nav-box.atmnb-nip a {background-color: #67AD7C;}
.adm-top-main-nav-box.atmnb-eve a {background-color: #D5BC11;}
.adm-top-main-nav-box.atmnb-rating a {background-color: #A9A064;}
.adm-top-main-nav-box.atmnb-target a {background-color: #24CAA9;}

.adm-top-main-nav-box.atmnb-explore a {background-color: #FF5724 ;}
.adm-top-main-nav-box.atmnb-trending a {background-color: #00c853  ;}

.adm-top-main-nav-box a {transition: .2s;}
.adm-top-main-nav-box a:hover {opacity: .85;}

/* 管理者トップのサブナビ郡
================== */
.adm-top-suv-nav {margin: 1% 4%; overflow: hidden;}
.adm-top-suv-nav ul {overflow: hidden; margin: 0 -8px;}
.adm-top-suv-nav li {text-align: center; margin-bottom: 16px; padding-right: 8px; padding-left: 8px; height: 110px;}
.adm-top-suv-nav li a {display: block; text-align: center; background-color: #fff; padding: 20px 0; transition: .2s;}
.adm-top-suv-nav li a span {display: block; font-size: 1.6rem;}
.adm-top-suv-nav li a i {font-size: 4.0rem;}
.adm-top-suv-nav li a:hover {background-color: #FFFBEC; }


/* row-head
================== */
.row-head {background-color: #fff;padding: 25px 20px; }
.row-conts,
.tbl-wp {margin: 0 2% 2%; }
.cr-conts {padding-bottom: 50px;}



/* func-sec
================== */
.func-sec {clear: both;

 }
.func-sec .ttl {float: left; font-size: 2.7rem; padding-right: 15px; border-right: 1px solid #666; margin-right: 20px; padding-top: 5px; padding-bottom: 5px;}
.func-sec .set-change {float: left; margin-right: 10px;}
.func-sec .set-change .btn-defualt {background-color: transparent;}
.func-sec .ipt-action {margin-right: 2px; display: inline-block; position: relative; top: 3px;}
.func-sec .free {float: right; width: 16%;}
.icon-megane:before {font-size: 1.8rem; content: "\e655";color: #666;}

.free .inner {font-size: 1.4rem; padding-bottom: 10px; border-bottom: 1px solid #333;}
.free-txt {background-color: transparent; border: none;}
.func-sec .circle-pic { margin-right: 15px;}
.viw-chenge {float: right; position: relative; top: 3px; margin-right: 40px;}
.viw-chenge div {display: inline-block; cursor: pointer; margin-left: 5px;}
.viw-chenge div i {font-size: 2.8rem;}
.viw-chenge div.hit {color: #00BDBD;}

.func-sec .zyouken {float: left; margin-right: 20px; position: relative; top: 3px;}

/*.func-sec .circle-pic,
.func-sec .ttl,
.func-sec .zyouken {position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
*/


/* Main contents */
.flex-block {}
.flex-block > div {  display: inline-block;  vertical-align: middle;}
.flex-block > .ms-freeword {float: right;}
.flex-block > div.btn-group {margin-right: 5px;}

.form-sec {padding-top: 20px;}
.form-sec .sort-count {font-size: 2.1rem; border-right: 1px solid #e1e4e6; margin-right: 5px; padding-right: 15px;}

.form-sec .ms-freeword {margin-bottom: 0;}



/* staff-list
================== */

.staff-list {clear: both;}
.staff-list .box {height: 110px;}
.staff-list .box li {display: table-cell; vertical-align: middle; text-align: left;}
.staff-list .box li > p {font-size: 1.3rem;}

.staff-list .box ul {width: 100%; display: table;}
.staff-list .box li.stl-pic {width: 7%;}
.staff-list .box li.stl-pic .circle-pic {width: 90px; height: 90px;}
.staff-list .box li.stl-pic p a {width: 90px; height: 90px;}
.staff-list .box li.stl-name {width: 16%;}
.staff-list .box li.stl-nyu {width: 20%;}
.staff-list .box li.stl-syo {width: 20%;}
.staff-list .box li.stl-mail {width: 15%; }
.staff-list .box li.stl-tel {width: 15%; text-align: right;}

.staff-list .box li.stl-name span {display: block; font-weight: bold; font-size: 1.5rem;}

.staff-list.grid .box li {display: none;}
.staff-list.grid .box li.stl-pic {display: block;width: 200px; height: 200px;}
.staff-list.grid .box li.stl-name {text-overflow: ellipsis; overflow: hidden; display: block; width: 200px; white-space: nowrap;}


.staff-list.grid li.stl-pic .circle-pic {width: 200px; height: 200px; }
.staff-list.grid .box {float: left; width: 200px; margin-left: 30px; height: 310px;}
.staff-list.grid .box li {text-align: center;}
.staff-list.grid .box ul li:first-child {margin-bottom: 20px;}
.staff-list.grid .box li > p {padding: 0 0;}


.col--2 {padding: 3%;}


.input-info table th {width: 15%;}
.wid-max {width: 98% !important; height: 6em !important;}


/* staff-detail
================== */
.staff-info {text-align: center; margin-bottom: 30px;}
.staff-info .stl-name {font-size: 1.8rem;}


.btm-func-set {padding-bottom: 100px;}

.wp-container .func-btm {padding: 12px 0;  border-radius: 5px; margin: 20px;}
.func-btm {padding: 12px 0; /*background-color: #eceff1;*/ border-radius: 5px; margin: 20px;}


.func-btm.func-num-1 {text-align: center;}
.func-btm.func-num-1 > .btn {width: 50%;}

.func-btm.func-num-2 {text-align: center; clear: both;}
.func-btm.func-num-2 > .btn {display: inline-block; width: 30%; margin-left: 5px; margin-right: 5px;}




/*社員登録*/
.user-head .circle-pic {width: 240px; height: 240px; margin-right: auto; margin-left: auto;}
.user-head {text-align: center;}
.user-head .user-head-name {font-size: 2.7rem; margin-top: 10px;}

.cel-view,
.cel-acc {text-align: center;}

.cel-ads div {margin-bottom: 8px;}

/*行ソート*/
.tr-slor tbody tr {cursor: s-resize;}

.col-label3 {display: inline-block; padding-left: 15px; padding-right: 15px;}


/* 業務報告
================== */
.repo-list-container {padding-bottom: 60px; overflow: auto;}
.repo-list-container .masonry-box {width: 47%; margin: 0 1.5% 0 0;}
.rows-repo {transition: all 0.25s ease 0s; background-color: #fff; border-radius: 10px; border: 1px solid #e1e4e6; border-radius: 5px; margin-bottom: 20px; overflow: hidden; padding: 20px;}

.rows-repo:not(.no-repo) {box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);}
.rows-repo:not(.no-repo):hover { cursor: pointer;}
.rows-repo.no-repo {background-color: #F7F7F7; opacity: .8;}

.rows-repo.open .inner{display: block;}
.rows-repo .inner {display: none; padding-top: 20px;}
.rows-repo dt {font-size: 1.3rem; margin-bottom: 10px; background-color: #e3f2fd ; border-radius: 3px; padding: 5px 10px;}
.rows-repo dd {font-size: 1.3rem; margin-bottom: 30px; padding: 0 10px;}

.rows-repo-header {overflow: hidden; position: relative; }
.rows-repo-footer {padding: 0 20px 0 0; clear: both; text-align: right;}

/*閲覧カウンター*/
.rows-repo .view-count {position: absolute; bottom: 0; right: 0; margin: 0;}
.view-count .count {color: #9e9e9e;font-family: Arial,Helvetica,sans-serif;font-size: 21px;text-align: center;}
.view-count .count span {font-size: 34px;line-height: 0.7; margin-left: 5px;}

.except-repo-list .repo-a {padding-top: 50px;}


.repo.repo-score dd {text-align: right;}

/*日付*/
.rows-repo .daytime {display: inline-block; font-size: 1.8rem; margin-right: 20px;}
.rows-repo .daytime:before {content: "\f0fe"; font-family: FontAwesome; font-size: 2.4rem; margin-right: 5px;}

/*open時*/
.rows-repo.open .daytime:before {content: "\f146"; font-family: FontAwesome; font-size: 2.4rem;}


.marks span {font-size: 3.0rem;}
.marks span.marks-num {font-size: 6.0rem; color: #EF6C00; font-weight: bold;}

/*日付ボックス*/
.repo-list-box {text-align: center; float: left; background-color: #fff; border: 1px solid #e1e4e6; border-radius: 5px; width: 240px;  margin: 10px 10px; vertical-align: middle;}
.repo-list-box span {display: inline-block; padding: 80px 0; font-size: 1.8rem;}

.daytime-detail {font-size: 1.1rem; float: right; margin-right: 100px;}

/*いいねボタン*/
.good-comment {padding-top: 15px;}
.good-comment .btn {float: left; width: 120px; margin-right: 10px;}
.good-comment textarea {overflow: hidden; width: 70%;}
.good-comment form {padding-top: 10px;}

.repo-activity {padding-bottom: 5px;}
.repo-activity i {vertical-align: middle;}
.repo-activity a {color: #337ab7;}
.repo-activity a:hover {color: #ff6d00;}
.repo-activity .ra-name {display: inline-block; vertical-align: middle;}

/*社員ALL*/
.rows-repo-pic .circle-pic {width: 72px; height: 72px;}
.rows-repo-pic .date {font-size: 1.2rem; position: absolute; right: 0; top: 0;}
.rows-repo-pic .no-date {float: right; font-size: 1.2rem; background-color: #f44336; padding: 5px 10px; color: #fff;}
.rows-repo-pic {overflow: hidden;}
.rows-repo-pic > a {display: inline-block; margin-right: 15px;}
.rows-repo-pic > p {display: inline-block; font-size: 1.6rem;}


/*.nav {left: 60px;}
ul.list,
ul.list ul {list-style-type: none;margin:0;padding:0;}
ul.list ul {margin-left:10px;position:relative;border-top: 1px solid #ccc;margin-top: 10px;margin-bottom: 30px;}
ul.list ul:before {content:"";display:block;width:0;position:absolute;top:0;bottom:0;left:0;border-left:1px solid #ccc;}
ul.list li  {margin:0;padding:10px 100px;text-decoration: none;text-transform: uppercase;font-size:13px;line-height:20px;font-weight:normal;position:relative;}
ul.list li a {text-decoration: none;text-transform: uppercase;font-size:14px;line-height:20px;color:#ccc;font-weight:bold;position:relative;}
ul.list li a:hover,
ul.list li a:hover+ul li a {color: RGBA(213, 235, 227, 1);}
ul.list ul li:before {
content:"";display:block;width:90px;height:0;border-top:1px solid #ccc;position:absolute;top:17px;left: 0;}

ul.list ul li:last-child:before {background: none;height: auto;top: 17px;bottom: 0;}
ul.list li.tree-top span {font-size: 2.0rem;}
ul.list li.tree-top {padding-left: 0; background-color: #fff;}

ul.list ul:last-child {margin-bottom: 0; }
ul.list ul:last-child li {}*/


.wp-container.tree-wp {padding-bottom: 150px;}
/*.tree-wp .tree-ttl {float: left; width: 20%;}*/
/*.tree-wp .tree-section {overflow: hidden;}*/

.tree-wp .tree-top {font-size: 2.7rem; margin-bottom: 3%; display: inline-block; font-weight: normal; margin-right: 10px; position: relative; top: 5px;}


/*.tree-1-ttl {background-color: #CFD8DC;}
.tree-1-ttl a {background-color: #0091EA; }

.tree-2-ttl {background-color: #CFD8DC;}
.tree-2-ttl a {background-color: #00B8D4; margin-left: 15%;}

.tree-3-ttl {background-color: #CFD8DC;}
.tree-3-ttl a {background-color: #26A69A; margin-left: 30%;}

.tree-4-ttl {background-color: #CFD8DC;}
.tree-4-ttl a {background-color: #7CB342; margin-left: 45%;}*/





.tree-2-ttl a  {margin-left: 15%;}
.tree-3-ttl a  {margin-left: 20%;}
.tree-4-ttl a  {margin-left: 25%;}
.tree-5-ttl a  {margin-left: 30%;}
.tree-6-ttl a  {margin-left: 35%;}
.tree-7-ttl a  {margin-left: 40%;}
.tree-8-ttl a  {margin-left: 45%;}
.tree-9-ttl a  {margin-left: 50%;}
.tree-10-ttl a {margin-left: 55%;}
.tree-11-ttl a {margin-left: 60%;}
.tree-12-ttl a {margin-left: 65%;}
.tree-13-ttl a {margin-left: 70%;}

.tree-section a {font-size: 1.4rem; display: block;   padding: 12px 15px; transition: .4s; margin-bottom: 1px; border-bottom: 1px solid #B6B6B6;}

.tree-section a:hover {opacity: .5; }


/*
.tbl-tree {margin-bottom: 30px; background-color: #fff; display: none;}
.tbl-tree,.tbl-tree td {border: 1px solid #eee;}
.tbl-tree td {width: 160px;}*/



/* personal
================== */
.pub-wp {background-color: #fff;}
.pub-container {position: relative; }

.pub-info-block {position: absolute; left: 0; top: 60px; width: 270px; z-index: 1;;}
.pub-pic-block {text-align: center;}
.pub-msg-block {position: absolute; right: 0; bottom: 0; width: 300px; z-index: 1; clear: both;}

.pub-info-block .hd-btns {position: relative; top: -30px;}

/*グラフ表示*/
.graf-block { margin-left: 20%; margin-right: 20%; padding: 20px 0 40px 0; overflow: hidden; text-align: center;}
.graf-block > .box { width: 26%; display: inline-block; margin: 0 5px; vertical-align: top; overflow: visible;}
.graf-block > .box > p {font-size: 1.6rem;}
.graf-block > .box > p > span {display: block; font-size: 3.0rem;}
.dis-none {display: none;}

.info-name { margin-bottom: 20px;}
.info-name dt {font-size: 1.1rem; margin-bottom: 5px; font-weight: normal;}
.info-name dd {font-size: 3.2rem; font-weight: bold;}
.info-name dd span {font-size: 1.3rem; font-weight: normal; margin-left: 20px;}

.info-data {margin-bottom: 20px;}
.info-data span {width: 90px; display: inline-block;}
.info-data li {margin-bottom: 2px;}

.info-func li {padding-left: 0; padding-right: 0; text-align: center; margin-bottom: 6px;}
.info-func li a {display: block; background-color: #272822; border-radius: 3px; padding: 15px 0;}
.info-func li a span {display: block; font-size: 1.5rem;}
.info-func li a i {font-size: 5.0rem;}

.pub-head-pic {margin-bottom: 15px;}
.pub-head-pic .pic {width: 230px; height: 230px;}
.pub-head-cr .graf img {width: 100%;}

/*saleタブ*/
.sales-block-pos {position: absolute; top: 0; right: 0; width: 280px;}
.sales-block .tab-content {padding: 15px 5px; font-size: 1.3rem;}
.sales-block .tab-content dd {padding-bottom: 15px;}
.sales-block .nav-tabs > li.active > a {background-color: #F3F3F8 !important;}


.pub-msg .pic-msg {width: 60px; height: 60px;}


.info-func .box-mor {width: 49%; float: left;}
.info-func .box-mor a {background-color: #E4F2FD; color: #2A62FF;}

.info-func .box-rep {float: right; width: 49%;}
.info-func .box-rep a {background-color: #EFEBE8; color: #4F342D;}

.info-func .box-moku {float: left; width: 32%; margin-right: 2%;}
.info-func .box-moku a {background-color: #EEE7F7; color: #502CA6;}

.info-func .box-ski {float: left; width: 32%; }
.info-func .box-ski a {background-color: #FFF2E1; color: #F65020;}

.info-func .box-sika {float: right; width: 32%;}
.info-func .box-sika a {background-color: #E0F2F2; color: #26A697;}

.pub-skill .conts ul {overflow: hidden;}
.pub-skill .conts li {font-size: 1.6rem; margin-bottom: 5px; float: left; margin-right: 15px;}
.pub-skill .conts li:before {content: " \f046";font-family: FontAwesome; margin-right: 3px; font-size: 1.8rem;}

.pub-msg-ttl {margin-top: 15px; border: 1px solid #C0C0C0; border-radius: 3px 3px 0 0; padding: 15px 10px; /*background-color: #F2F2F2;*/}

.pub-team .circle-pic {width: 130px; height: 130px;}
.pub-team .circle-pic img {border-radius: 50%;}
.pub-team .team-box {width: 150px;}
.pub-team .team-box p {font-size: 1.4rem;}

/*メッセージボックス*/
.pub-msg-box {border: 1px solid #e1e4e6; margin-top: 15px; border-radius: 5px; padding: 15px 10px; height: 380px; overflow: auto; background-color: #fff; }
.pub-msg-box dl {margin-bottom: 10px; position: relative;}
.pub-msg-box dt {float: left; margin-right: 10px;}
.pub-msg-box dd {font-size: 1.3rem; padding-right: 30px; overflow: hidden;}
.pub-msg-box dd span {font-size: 1.1rem; display: block;}
.pub-msg-box dd.pub-msg-delete {position: absolute; right: 0; top: 0;  margin: auto;  padding-right: 0;}


.popover {
width: 200px; /* この数字を変える */
}
.popover-content {
    padding: 0;
}
.pop-nav a {border-radius: 0!important; display: block; background-color: #fff !important; width: 50%!important; text-align: center;font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ"; font-size: 1.6rem; font-weight: bold; color: #036DB7 !important; padding: 15px 0!important; margin-top: 5px; margin-bottom: 5px;}
.pop-nav a:hover {color: #FF8040!important;}
.pop-nav a.pop-add {float: left;}
.pop-nav a.pop-list {float: right; border-left: 1px solid #E6E6E6;}


.month-nav-ttl {font-size: 4.0rem; font-weight: bold;margin: 3% 3%;}
.month-nav {margin: 3% 3% 5%;}
.month-nav li a {transition: .4s; text-align: center; display: block; width: 60px; height: 60px; background-color: #22C1C1; color: #fff; border-radius: 50%; line-height: 60px;}
.month-nav li a:hover {background-color: #1B8CA0; }
.month-nav li.hit a {background-color: #3949AB;}
.month-nav li span {text-align: center; display: block; width: 60px; height: 60px; border-radius: 50%; background-color: #CACACA; line-height: 60px;}




.modal-title {font-weight: bold; font-size: 2.0rem;}
#modal-report .day {margin-bottom: 5%;}
#modal-report dl dt {margin-bottom: 2%;}
#modal-report dl dd {margin-bottom: 5%;}



.information {padding: 3% 0;}
.information img {width: 100%;}


.pub-ability {background-color: #E0F2F2; padding: 2% 3%; margin-bottom: 2%;}

.pub-ability li {font-size: 1.6rem; color: #26A59A; display: inline-block; padding: 10px 15px; background-color: #fff; border-radius: 3px; margin-bottom: 3px;}

.check-icon li:before {content: " \f00c  ";font-family: FontAwesome;}



.slideGuide {height: 160px; overflow: hidden;}
.today-staff {padding: 3% 0 0 0; }
.today-staff-ttl {text-align: center; font-size: 4.0rem; font-weight: normal; padding-bottom: 3%;}
.today-staff .pic {width: 160px; height: 160px; border-radius: 50%; display: inline-block; border: 4px solid #D3D3D3;}

#slide ul li {
   display: block;
    float: left;
    margin-right: 30px;
}





#entryArea dl dt {margin-bottom: 1%;}
#entryArea dl dd {margin-bottom: 3%;}


#kakoReport h2 {margin-bottom: 3%; font-size: 1.8rem; font-weight: bold;}

#kakoReport .kakoReport-list p {font-size: 1.4rem; cursor: pointer; border-bottom: 1px dotted #ccc; padding-bottom: 10px; padding-left: 10px; padding-top: 10px;}
#kakoReport .kakoReport-list p:hover {background-color: #EEEEEE;}
#kakoReport .kakoReport-list .inner {display: none;}


.tags-row {padding-top: 15px;}
.tags li {border-radius: 4px; background-color: #DBDBDB; padding: 8px 10px; display: inline-block; cursor: pointer;}
.tags li:hover {background-color: #D2D2D2;}
.tags li.hit {background-color: #5272CD; color: #fff;}
.tags li span {display: inline-block;   text-align: center;}
.tags li span i {font-size: 1.7rem; margin-left: 9px; padding: 0 7px;}
.tags li:hover {}


/*アサイン案件リスト*/
#kakoReport .assign-box {margin-bottom: 15px; position: relative; cursor: pointer;}
#kakoReport .assign-box {display: block; background-color: #0288d1; border-radius: 5px; padding: 10px; color: #fff; overflow: hidden;}
#kakoReport .assign-box:hover {background-color: #01579b ;}
#kakoReport .assign-box > i{float: left; margin-right: 3px;}
#kakoReport .assign-box > dl {overflow: hidden; padding-top: 0;}
#kakoReport .assign-box > dl > dt {font-weight: bold; font-size: 1.5rem;}
#kakoReport .assign-box > dl > dd { font-size: 1.2rem;}
#kakoReport .assign-box > dl > dd.edit {position: absolute; top: 0; right: 10px; bottom: 0; margin: auto; height: 22px;}


/*保守作業*/
#kakoReport .support-btn-box { cursor: pointer; background-color: #00bfa5; border-radius: 5px; text-align: center; color: #fff; padding: 20px 0;}
#kakoReport .support-btn-box p {font-size: 1.4rem;}
#kakoReport .support-btn-box a {color: #fff;}
#kakoReport .support-btn-box:hover {background-color: #26a69a  ;}
#kakoReport .support-btn-box i {font-size: 5.0rem; text-align: center;}

/*考課*/
#kakoReport .kouka-btn-box { cursor: pointer; background-color: #ef6c00    ; border-radius: 5px; text-align: center; color: #fff; padding: 20px 0;}
#kakoReport .kouka-btn-box p {font-size: 1.4rem;}
#kakoReport .kouka-btn-box a {color: #fff;}
#kakoReport .kouka-btn-box:hover {background-color: #e65100   ;}
#kakoReport .kouka-btn-box i {font-size: 5.0rem; text-align: center;}


/*モーダル過去実績*/
.modal-title-b {}
.assign-old-list {margin-bottom: 10px; position: relative;}
.assign-old-list dt {cursor: pointer;}
.assign-old-list dt i {vertical-align: middle;}
.assign-old-list dt:hover {/**/}
.assign-old-list dt span {font-weight: bold; width: 100px; display: inline-block;}

.assign-old-list .aol-detail {display: none; padding-right: 34px;}
.assign-old-list .aol-delete {background-color: #ccc; border-radius: 50%; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; height: 32px; width: 32px; cursor: pointer; color: #fff; text-align: center;}
.assign-old-list .aol-delete:hover {background-color: #f44336  ;}
.assign-old-list .aol-delete i {line-height: 33px;}

/*評価ボックス*/
.modal-body-ht {height: 600px; overflow: auto;}
.grading {font-size: 1.6rem; margin-bottom: 5px; border-bottom: 1px dotted #fafafa; padding-bottom: 15px;}
.grading dt {background-color: #fffde7 ; border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; padding: 10px; font-size: 1.3rem; margin-bottom: 15px; color: #e65100;}
.grading dt span {background-color: #e65100; color: #fff; border-radius: 3px; padding: 2px 4px; float: left; margin-right: 10px; font-size: 1.1rem;}
.grading dd {}
.grading .row {margin-bottom: 0;}
.grading .row > div {margin-bottom: 15px;}
.grading .form-group > label {margin-right: 10px;}

/*等級ラベル*/
.grade-group {border-radius: 5px; border: 1px solid #0091ea ; background-color: #0091ea; overflow: hidden; width: 230px;}
.grade-group > span {display: block; text-align: center;}
.grade-group > span:first-child {padding: 5px 0; color: #fff; width: 80px; float: left; }
.grade-group > span:last-child {overflow: hidden; background-color: #fff;padding: 5px 0; border-radius: 0 5px 5px 0; color: #444; height: 29px;}
.grade-group.grade-b { border: 1px solid #00b8d4 ; background-color: #00b8d4;}

/*ステータスラベル*/
.status-group {border-radius: 5px; border: 1px solid #00bfa5 ; background-color: #00bfa5 ; overflow: hidden;  width: 230px;}
.status-group > span {display: block;  text-align: center;}
.status-group > span:first-child {padding: 5px 0; color: #fff; width: 80px; float: left;}
.status-group > span:last-child {background-color: #fff;padding: 5px 0; border-radius: 0 5px 5px 0; color: #444; overflow: hidden;}


/* 人事考課の基本行
================== */
/*display: box;試し*/
/*.target-row {width: 100%; border-radius: 5px; background-color: #fff; border: 1px solid #e1e4e6;
    display: -webkit-box;display: -moz-box;display: box;}
.target-row .box-a {width: 50%;}
.target-row .box-b {border-left: 1px solid #e1e4e6;display: -webkit-box;display: -moz-box;display: box;}
.target-row .box-b > div {}
.target-row .box-b .superior .circle-pic {width: 62px; height: 62px; float: left; }

.target-row .box-c {}
.target-row .box-c > ul {display: -webkit-box;display: -moz-box;display: box;}
.target-row .box-c > ul > li {border-left: 1px solid #e1e4e6; text-align: center; padding: 30px 0;}
.target-row .box-c > ul > li > span {display: block; text-align: center; color: #FF5724; font-weight: bold; font-size: 2.4rem;}

.target-row > div {}
.target-row {}
*/


.targets .mblock > .conts.info .collection { height: 170px;}

.target-row {transition: all 0.25s ease 0s; width: 100%; border-radius: 5px; background-color: #fff; border: 1px solid #e1e4e6; margin-bottom: 25px;}
/*.target-row:hover {border: 1px solid #e1e4e6; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .19); }*/

.target-row .box-a {width: 45%; float: left;}


.target-row .box-a .sheet-ttl {padding-top: 30px; padding-left: 20px; padding-bottom: 10px;}
.target-row .box-a .sheet-ttl i {float: left; font-size: 4.0rem; }
.target-row .box-a .sheet-ttl > h2 {font-size: 2.6rem; font-weight: bold;padding-top: 5px;}
.target-row .box-a .sheet-ttl > h2 span {font-size: 1.2rem; font-weight: normal; display: inline-block;}

.target-row .box-a .status {float: left; padding-left: 60px;  margin-right: 10px;}
.target-row .box-a .status + div {float: left;}

.target-row .box-b {/*border-left: 1px solid #e1e4e6; */float: right; width: 560px; padding-top: 20px; padding-bottom: 20px;}


.target-row .box-b > div {float: left; width: 25%; position: relative; text-align: center;}
.target-row .box-b .superior .circle-pic {width: 80px; height: 80px; cursor: pointer;}
.target-row .box-b .superior .user-info {text-align: center;}
.target-row .box-b .superior .user-info dt {font-weight: normal;}
.target-row .box-b .superior .user-info dd {font-weight: bold; font-size: 1.5rem;}
.target-row .box-b .superior .user-info dd.change {transition: all 0.25s ease 0s; position: absolute; top: 15px; left: -12px; width: 34px; height: 34px; background-color: #009CB4; border-radius: 50%; text-align: center; color: #fff; cursor: pointer; }
.target-row .box-b .superior .user-info dd.change:hover {background-color: #008EA4;}
.target-row .box-b .superior .user-info dd.change i {line-height: 32px;}

.target-row .box-c {clear: both; overflow: hidden; border-radius: 0 0 5px 5px; border-top: 1px solid #e1e4e6;}
.target-row .box-c > ul > li {width: 25%; border-left: 1px solid #e1e4e6; text-align: center; padding: 15px 0; float: left;}
.target-row .box-c > ul > li:first-child {border-left: none;}
.target-row .box-c > ul > li > span {display: block; text-align: center; color: #FF5724; font-weight: bold; font-size: 2.4rem;}
.target-row .box-c > ul > li > span.null {color: #555;}

/*考課者を選択してください。*/
.target-row-info {margin-left: 56px; overflow: hidden; padding-bottom: 5px;}
.target-row-info.denger {color: #ff5722;}
.target-row-info.success {color: #0288d1
  ;}
.target-row-info > i {float: left;}
.target-row-info > i >span {overflow: hidden;}



/*管理者モード用*/
.target-row-admin {transition: all 0.25s ease 0s; width: 100%; border-radius: 5px; background-color: #fff; border: 1px solid #e1e4e6; margin-bottom: 25px;}
.target-row-admin:hover {cursor: pointer; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .19); }
.target-row-admin .box-usr {float: left; width: 45%; padding-top: 20px; padding-left: 20px;}
.target-row-admin .box-usr .circle-pic {width: 72px; height: 72px; cursor: pointer; float: left; margin-right: 10px;}
.target-row-admin .box-usr .user-info {overflow: hidden; padding-top: 10px;}
.target-row-admin .box-usr .user-info dt {font-weight: normal;}
.target-row-admin .box-usr .user-info dd {font-weight: bold; font-size: 1.6rem;}

.target-row-admin .box-a {float: left; width: 23%; padding-top: 20px;}
.target-row-admin .box-a .grade {clear: both; margin-top: 5px;}

.target-row-admin .box-c {width: 32%; overflow: hidden; border-radius: 0 5px 5px 0 ; float: right;}
.target-row-admin .box-c > ul > li {width: 25%; border-left: 1px solid #e1e4e6; text-align: center; padding: 30px 0; float: left;}
.target-row-admin .box-c > ul > li:last-child {}
.target-row-admin .box-c > ul > li > span {display: block; text-align: center; color: #FF5724; font-weight: bold; font-size: 2.4rem;}
.target-row-admin .box-c > ul > li > span.null {color: #555;}


/*クイックcount*/
.quick-count {padding-bottom: 30px;}
.quick-count ul {float: right;}
.quick-count ul li {float: left; font-size: 1.1rem; margin-left: 15px; text-align: center;}
.quick-count ul li span {border-radius: 50%; margin: 0 auto; display: block; width: 36px; height: 36px; font-size: 1.2rem; background-color: #FE5722; line-height: 34px; color: #fff; margin-bottom: 5px;}
.quick-count ul li.null span {background-color: #607d8b;}

/*お知らせ表示アイコン*/
.view-btn-info {float: left; margin-right: 5px;}
.view-block-info {display: none;}


/*グラフ*/
.view-btn-graf {float: left;}
.view-block-graf {display: none;}
.view-block-graf .conts {overflow: auto;}


/*target-row 共通化
***********************************/
.usr-row {transition: all 0.25s ease 0s; width: 100%; border-radius: 5px; background-color: #fff; border: 1px solid #e1e4e6; margin-bottom: 25px;}


/*被評価者写真・情報*/
.usr-row > .ur-box-info {width: 40%; float: left; padding-left: 20px; padding-top: 20px;}
.usr-row > .ur-box-info > .pic {width: 72px; height: 72px; float: left; margin-right: 10px;}
.usr-row > .ur-box-info > .usr-info {padding-top: 10px;}
.usr-row > .ur-box-info .usr-info dt {font-weight: normal;}
.usr-row > .ur-box-info .usr-info dd {font-weight: bold; font-size: 1.6rem;}

/*ステータス*/
.usr-row .ur-box-state {float: left; padding-top: 20px; width: 20%;}
.usr-row .ur-box-state .status-group {margin-bottom: 5px;}


/*採点*/
.usr-row .ur-box-grading {float: right;}
.usr-row .ur-box-grading > ul > li {width: 90px; border-left: 1px solid #e1e4e6; text-align: center; padding: 30px 0; float: left;}
.usr-row .ur-box-grading > ul > li > span {display: block; text-align: center; color: #FF5724; font-weight: bold; font-size: 2.4rem;}
.usr-row .ur-box-grading > ul > li > span.null {color: #555;}

.usr-row .box-marker {float: left; padding-top: 20px; padding-bottom: 20px;}
.usr-row .box-marker > div {float: left; width: 110px; text-align: center;}
.usr-row .box-marker > div .circle-pic {width: 92px; height: 92px;}
.usr-row .box-marker > div > dl {}
.usr-row .box-marker > div > dl dt {font-weight: normal;}


/*type-b*/
.usr-row-b.usr-row:hover {box-shadow: 0 0 10px 0 rgba(0, 0, 0, .19); cursor: pointer;}
.usr-row-b .ur-box-info {width: 32%;}
.usr-row-b.usr-row .ur-box-state {float: none; width: auto; padding-top: 0; clear: both; padding-bottom: 20px; padding-top: 10px;}
.usr-row-b.usr-row .ur-box-grading {width: 300px;}
.usr-row-b.usr-row .ur-box-grading > ul > li:nth-child(1) {border-bottom: 1px solid #e1e4e6;}
.usr-row-b.usr-row .ur-box-grading > ul > li:nth-child(2) {border-bottom: 1px solid #e1e4e6;}
.usr-row-b.usr-row .ur-box-grading > ul > li {padding: 22px 0; width: 50%;}


/* 上長選択モーダル
================== */
#modal-superior .modal-dialog {width: 80%;}
#modal-superior .superior-box {float: left; width: 262px; position: relative; margin: 20px 0 30px 0;}
#modal-superior .superior-box .circle-pic {height: 180px; width: 180px; margin: 0 auto; display: block;}
#modal-superior .superior-box .circle-pic img {border-radius: 0;}
#modal-superior .superior-box dl {padding-top: 10px; text-align: center; min-height: 8rem;}
#modal-superior .superior-box dl dt {font-size: 1.6rem;}
#modal-superior .superior-box dl dd.change {}

#modal-superior .superior-box dl dd.change {transition: all 0.25s ease 0s; position: absolute; top: 0; left: 40px; width: 40px; height: 40px; background-color: #fff; border-radius: 50%; text-align: center; color: #fff; cursor: pointer; border: 1px solid #ccc; color: #ccc;}
#modal-superior .superior-box dl dd.change:hover,
#modal-superior .superior-box dl dd.change.hit {background-color: #009CB4; border: 1px solid #009CB4; color: #fff;}
#modal-superior .superior-box dl dd.change i {line-height: 40px;}


/* 目標シート作成モーダル
================== */
.modal-footer .note {margin-bottom: 10px;}
.modal-title-a {vertical-align: middle; background-color: #78909c; color:#fff; font-weight: bold; padding: 10px 15px; font-size: 1.4rem;margin-bottom: 1px; transition: all 0.25s ease 0s; }
.modal-title-a:hover {background-color: #546e7a;}
.modal-title-a span {display: inline-block; padding-top: 3px;}
.accordion-ttl {cursor: pointer; overflow: hidden;}
.accordion-ttl i {float: left;}
#modal-make-sheet .modal-dialog {width: 960px;}
#modal-make-sheet .modal-dialog #goalform {}
#modal-make-sheet .modal-title-a +div.modal-body {}
.form-hol label {float: left; width: 20%;}
.form-hol label span {font-weight: normal; font-size: 1.2rem; color: #888;}
.form-hol label + textarea {width: 80%; }
.form-hol label + select {width: 80%; display: inline-block;}

.count-txt {text-align: right; margin-top: 5px;}



/* 所属組織・事業部の今期目標
================== */
.organization-target {padding: 15px 0; overflow: hidden; border-radius: 5px; background-color: #fff; border: 1px solid #E1E4E6; margin-bottom: 30px;}
.organization-target .ttl { float: left; width: 18%; text-align: center; font-weight: bold; border-right: 1px solid #E1E4E6; padding: 5px 20px;}
.organization-target .conts {overflow: hidden; padding: 0 20px;}



/* 目標設定テーブル
================== */
.target-table-container {padding-bottom: 50px;}

.target-table {background-color: #fff; width: 100%; border: 1px solid #E1E4E6;}
.target-table .target-rows {border-top: 4px solid #90a4ae ;}
.target-table th {text-align: center; background-color: #78909c; color: #fff;}
.target-table th ,.target-table td {border: 1px solid #E1E4E6;}

/*THのウェイト類*/
.target-table th.target-parameter div {display: table; border-bottom: 1px solid #E1E4E6; width: 100%;}
.target-table th.target-parameter div > span {display: table-cell; padding: 3px 0;}
.target-table th.target-parameter div:last-child {border-bottom: none;}

/*THの考課点*/
.target-table th.target-point div {display: table; border-bottom: 1px solid #E1E4E6; width: 100%;}
.target-table th.target-point div > span {display: table-cell; padding: 9px 0; border-right: 1px solid #E1E4E6; width: 33.33%;}
.target-table th.target-point div > span:last-child {border-right: none;}
.target-table th.target-point div:last-child {border-bottom: none;}

/*TDのウェイト類*/
.target-table td.target-parameter div {display: table; border-bottom: 1px solid #E1E4E6; width: 100%;}
.target-table td.target-parameter div > span {display: table-cell; padding: 10px 0; text-align: center; font-size: 1.6rem; color: #01579b; font-weight: bold; position: relative;}
.target-table td.target-parameter div:last-child {border-bottom: none;}

.target-table td.target-parameter > div > span.edit:after {font-weight: normal; content: " \f040";font-family: FontAwesome; position: absolute; border-radius: 50%; /*background-color: #f5f5f5; */display: inline-block; width: 30px; height: 30px; cursor: pointer; line-height: 27px; color: #C7C7C7; right: 0; top: 0px;}
.target-table td.target-parameter > div > span.edit:hover:after {color: #666;}


.target-table td.target-point {text-align: center;}
.target-table td.target-point > div {display: table; width: 100%; height: 127px;}
.target-table td.target-point > div > span { border-right: 1px solid #E1E4E6; font-size: 2.0rem; color: #ff5722; font-weight: bold; display: table-cell; vertical-align: middle; width: 33.33%; position: relative;}

/*エディットマーク*/
.target-table td.target-point > div > span > b:after {font-weight: normal; content: " \f040";font-family: FontAwesome; position: absolute; border-radius: 50%; /*background-color: #f5f5f5; */display: inline-block; width: 30px; height: 30px; cursor: pointer; line-height: 27px; color: #C7C7C7; right: 0; top: 0px;}
.target-table td.target-point > div > span > b:hover:after {color: #666;}
.target-table td.target-point > div > span.null {color: #666;}
.target-table td.target-point > div > span:last-child {border-right: none;}

.target-table tr.target-point-total {background-color: #E9EDEF;}
.target-table tr.target-point-total .ttl {background-color: #fff; text-align: right; font-size: 2.0rem; font-weight: bold;  padding-right: 15px;}
.target-table tr.target-point-total td.total > div {background-color: #fff; display: table; width: 100%; height: 90px;}

/*幅決め・背景色*/
.target-table td.target-number {vertical-align: top; width: 4%; background-color: #CFD8DD; text-align: center; font-weight: bold; font-size: 1.3rem; padding-top: 10px; }
.target-table td.target-ttl {vertical-align: top; width: 25%; font-size: 1.3rem;}
.target-table td.target-detail {vertical-align: top; width: 40%; font-size: 1.3rem;}
.target-table td.target-parameter {width: 10%; background-color: #fafafa;}
.target-table td.target-point {width: 25%;}


.target-table td.target-ttl div,
.target-table td.target-detail div {max-height: 130px; min-height: 130px; overflow: auto; padding: 15px;}


/*前回の進捗・今回の進捗*/
.target-table .progress-row {background-color: #e8f5e9;}
.target-table .progress-row .progress-box {display: none; }
.target-table .progress-row .progress-box {}
.target-table .progress-row .progress-box h4 {font-size: 1.2rem; font-weight: bold; background-color: #43a047      ; color: #fff   ; text-align: center; padding: 3px 0;}

.target-table .progress-row .progress-box > dl {border-top: 1px solid #E1E4E6; clear: both;}
.target-table .progress-row .progress-box > dl > dt {width: 120px; float: left; text-align: left; padding: 5px 0 0 15px;}
.target-table .progress-row .progress-box > dl > dt span {font-weight: normal; margin-left: 10px; font-size: 1.1rem;}
.target-table .progress-row .progress-box > dl > dd {overflow: hidden; padding: 5px 5px 5px 0;}

/*成果コメント*/
.target-table .resultan-row {background-color: #fffde7;}
.target-table .resultan-row .resultan-box {display: none;}
.target-table .resultan-row .resultan-box h4 {font-size: 1.2rem; font-weight: bold; background-color: #FF5724; color: #fff; text-align: center; padding: 3px 0;}

.target-table .resultan-row .resultan-box > dl {border-top: 1px solid #E1E4E6; clear: both;}
.target-table .resultan-row .resultan-box > dl > dt {width: 120px; float: left; text-align: left; padding: 5px 0 0 15px;}
.target-table .resultan-row .resultan-box > dl > dd {overflow: hidden; padding: 5px 5px 5px 0; }


/* 期末評価時
================== */
.comment-row .comment-block {position: relative; border-top: 1px solid #E1E4E6; }
.comment-row .comment-block.first {border-top: none;}
.comment-row .comment-block .comment-box-a {padding-right: 60px; }
.comment-row .comment-block .circle-pic {height: 62px; width: 62px; float: left; margin-right: 10px;}
.comment-row .comment-block .user-info {overflow: hidden; padding-top: 8px;}
.comment-row .comment-block .user-info dt { margin-bottom: 5px;}
.comment-row .comment-block .edit {position: absolute; top: 0; bottom: 0; right: 20px;  margin: auto; height: 50px;}



/* 面談行
================== */
.interview-row {clear: both;}
.interview-row .interview-box {border-right: 5px; border: 1px solid #E1E4E6; background-color: #fff; border-radius: 5px; margin-bottom: 25px;}
.interview-row .interview-box > h4 span {display: block; text-align: center; font-size: 1.8rem; font-weight: bold; padding-bottom: 10px;}
.interview-row .interview-box > h4 {border-bottom: 1px solid #E1E4E6; text-align: center; font-size: 1.2rem; padding: 25px 0;}

.interview-row .interview-box .inner-conts.superior {border-top: 1px dotted #CACACA;}
.interview-row .interview-box .inner-conts {padding: 25px;}
.interview-row .interview-box .inner-conts .pic {float: left; margin-right: 10px;}
.interview-row .interview-box .inner-conts .interview {overflow: hidden; padding-bottom: 15px; min-height: 6em; padding-top: 8px;}
.interview-row .interview-box .inner-conts .interview .ttl {font-weight: bold; font-size: 1.4rem; display: block; margin-bottom: 10px;}
.interview-row .interview-box .circle-pic {height: 62px; width: 62px;}

/*上司コメント確認*/
.interview-row .interview-box .edit-group .conf {float: left; cursor: pointer; position: relative; top: 20px; transition: all .1s ease 0s;}
.interview-row .interview-box .edit-group .conf:hover {}
.interview-row .interview-box .edit-group .conf.hit {color: #FE5824}

/*edit*/
.interview-row .interview-box .edit-group .edit {float: right;}



/*目標シート上の絞り込み、ボタン類*/
.functions-container {padding-bottom: 30px;}
.functions-container .btn-group {float: left;}
.functions-container .set-btn {float: right; margin-left: 10px;}


/*step*/
.step {padding-top: 20px; padding-bottom: 40px; overflow: hidden;}
.step .step-block {overflow: hidden; border-bottom: 1px solid #C9C9CB; padding-bottom: 20px; padding-left: 15px;}
.step .step-block .step-box {float: left; width: 14.9%; color: #BDBDBD;}
.step .step-block .step-box:after {content: "\f054"; font-family: FontAwesome; position: relative; left: 50px;}
.step .step-block .step-box.current {color: #0098A6;}
.step .step-block .step-box:last-child { width: auto;}
.step .step-block .step-box:last-child:after {content: "";}

.step .interview-block .ib-box {float: left;text-align: center; padding-top: 30px; position: relative;}
.step .interview-block .ib-box > span {display: inline-block; border-radius: 50%; width: 21px;height: 21px; background-color: #B96AC6; color: #fff; line-height: 19px; margin-top: 2px; font-size: 1.2rem;}

.step .interview-block .ib-box.done {color: #0098A6;}
.step .interview-block .ib-box.done > p {font-size: 1.4rem;}
.step .interview-block .ib-box.done > span {background-color: transparent; color: #0098A6; width: auto;}

.step .interview-block .ib-box:after {content: "";background-color: #C9C9CB;top: 0;left: 0;right: 0;margin: auto;height: 23px;width: 1px;position: absolute;}

.step .interview-block .ib-box.box-a {margin-right: 520px; margin-left: 15px;}
.step .interview-block .ib-box.box-b {margin-right: 200px;}


/* コスト管理
================== */
.pj-assign-cost {margin-bottom: 30px;}
.wells-head .inner {overflow: hidden; padding: 15px 20px; border-bottom: 1px solid #E1E4E6;}

.wells-head-name {margin-bottom: 10px;}
.wells-head-name .label {display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 10px; padding-top: 5px; padding-bottom: 5px;}
.wells-head-name h2 {font-size: 1.8em; font-weight: normal; display: inline-block; vertical-align: middle;}
.pj-orders {float: right; text-align: right;}
.pj-orders span { font-size: 21px; display: inline-block; margin-left: 15px;}

.wells-info-list {}
.wells-info-list li {display: inline-block; margin-right: 20px;}

.pj-cost-now-ttl {float: left; margin-right: 40px;}
.pj-cost-now-orders {float: right;}
.pj-cost-now-orders span {font-size: 21px; margin-left: 20px;}
.pj-cost-now-list {float: left;}
.pj-cost-now-list li {float: left; margin-right: 10px;}
.pj-cost-now-list li:first-child {margin-right: 10px; font-weight: bold; }

.pj-cost-total-orders {text-align: left; float: right;}
.pj-cost-total-orders span {font-size: 27px; margin-left: 20px;}
.pj-cost-total-orders span.pj-cost-plus {color: #005AFF; font-weight: bold;}
.pj-cost-total-orders span.pj-cost-minus {color: #D9534F; font-weight: bold;}



/*assignmemberコスト詳細*/
.pj-assign-cost .usr-box {float: left;}
.pj-assign-cost-detail { float: right;}
.pj-assign-cost-detail .box {height: 90px; padding: 10px; background-color: #fff; width: 260px; overflow: auto; float: left; border-radius: 5px; margin-left: 15px;}
.pj-assign-cost-detail .box dt {float: left; margin-right: 30px;}
.pj-assign-cost-detail .box dd {overflow: hidden;}
.pj-assign-cost-detail .box dd ul li {margin-bottom: 6px;}

.pj-assign-cost-calendar-contaier {clear: both; padding-top: 10px;}
.pj-assign-cost-calendar-contaier h3 {font-size: 18px; margin-bottom: 10px; font-weight: normal; display: inline-block;}
.table-assign-cost-calendar > thead > tr > th, .table-assign-cost-calendar > tbody > tr > th, .table-assign-cost-calendar > tfoot > tr > th, .table-assign-cost-calendar > thead > tr > td, .table-assign-cost-calendar > tbody > tr > td, .table-assign-cost-calendar > tfoot > tr > td {width: 30px; padding: 0px 0; text-align: center;}
.table-assign-cost-calendar > tbody > tr > td {padding: 8px 0; background: #fff;}
.table-assign-cost-calendar > thead > tr > th {background-color: #eeeeee; font-weight: normal; font-size: 13px;}

.table-calendar.table thead th {padding: 0 !important;}
.table-calendar .saturday{background-color: #E0F7FA;}
.table-calendar .sunday{background-color: #FCE4EC;}



/* APポイント
================== */
.ap-rank-time {text-align: right;padding-bottom: 20px;}
.ap-rank-other {padding-bottom: 20px; clear: both;font-size: 21px; border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-left: 10px;}
.rank-logo {text-align: center; }
.ap-rank-head {margin-bottom: 20px;}
.ap-rank-head h2 {text-align: center;  font-size: 2.1em;font-weight: normal;display: block; vertical-align: middle; margin-top: 10px; }
.ap-rank-head p {text-align: center; margin-top: 15px;}
.ap-rank-head p span {background-color: #ffa000; display: inline-block; padding: 5px 40px; color: #fff;}
.circle--pic.ranking-pic {width: 230px; height: 230px; }

.ranking-num {font-size: 18px; line-height: 1.2; color: #ffa000;}
.ranking-num span {display: block; font-size: 40px; }

.rank-in-usr {float: left; margin: 0 31px 40px 31px; width: 230px;}
.rank-in-usr .ranking-pic {clear: both;}
.rank-in-usr dt {text-align: center; margin-top: 10px;}
.rank-in-usr dd {text-align: center;}
.rank-in-usr .usr-name {font-size: 24px; font-weight: bold;}

.other-rank-in .ranking-num {font-size: 15px; line-height: 1.2; color: #ffa000; float: left; text-align: center; margin-right: 15px; padding-top: 17px;}
.other-rank-in .ranking-num span {display: block; font-size: 20px; }


/* 保守
================== */
.operation-block {margin-bottom: 60px;}
.operation-block .head-ttl {font-size: 24px; margin-bottom: 10px;}
.table-operation {background-color: #fff; margin-bottom: 20px;}
.table-operation th {text-align: center; background-color: #78909C; color: #fff;}

.table-operation .cel-a {width: 5%;}
.table-operation .cel-e {width: 10%;}
.table-operation .cel-c {width: 17%;}
.table-operation .cel-d {width: 20%;}

.table-operation .ope-info .ope-name {font-size: 18px; font-weight: bold;}
.table-operation .ope-info p {margin-bottom: 3px;}
.table-operation .ope-info a {color: #2B49FE; text-decoration: underline;}
.table-operation .ope-info i {font-size: 21px;}

.ope-btns {text-align: center;}



/* タイムライン全体
================== */
/* タイムライン全体 */
div.timeline{position: relative; padding-left: 0; overflow: hidden;}

/* ボックス */
div.timeline > div { margin: 0 0 30px 0; position: relative;}
div.timeline > div > .inner {border-radius: 5px; background-color: #fff; width: 46.2%; position: relative;}

/* 奇数番号のボックス(左寄り+ボックス右にライン) */
div.timeline > div:nth-child(odd) .inner {float: left;}
div.timeline > div:nth-child(odd) .inner {padding: 20px 20px 0 20px; margin-right: 0px;}
div.timeline > div:nth-child(odd) .inner:before{ content: ""; position: absolute; right: -10px; top: 30px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #fff;
}
div.timeline > div .msg-date {text-align: center; line-height: 51px; position: absolute; right: 0; left: 0; margin: auto; top: 18px; width: 54px; height: 54px; background-color: #00bfa5; color: #FFF; border-radius: 50%; z-index: 5;}

/* 偶数番号のボックス(右寄り+ボックス左にライン) */
div.timeline > div:nth-child(even) .inner {float: right;}
div.timeline > div:nth-child(even) .inner {padding: 20px 20px 0 20px;}
div.timeline > div:nth-child(even) .inner:before{ content: ""; position: absolute; left: -10px; top: 30px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #fff transparent transparent;
}


/* 右側最初のボックスは上に余白を */
div.timeline > div:nth-child(2) {margin-top: 30px;}

/* 最終ボックスで中央に縦線を引く */
div.timeline:after{ content: "";position: absolute;top: 0; left: 0; right: 0; bottom: 0; margin: auto;height: 100%;padding: 0px;background-color: #ddd;border: 2px solid #ddd;border-radius: 4px;width: 1px;}



/*イベント情報
*****************************/
.event-block .inner {padding: 0;}
.event-block .overview ul {padding: 20px 20px; border-top: 1px solid #E1E4E6; margin-top: -1px;}
.event-block .overview li {display: inline-block; padding-right: 15px;}
.event-block .overview.ove-more:hover {cursor: pointer; transition: all 0.25s ease 0s; background-color: #EEEEEE;}
.event-block .overview li.ove-status {width: 70px;}
.event-block .overview li.ove-date {width: 130px;}
.event-block .overview li.ove-name {width: 200px;}
.event-block .overview li.ove-spot {}

.event-block .overview .ove-none {overflow: hidden; padding: 20px; font-size: 15px;}

.location-map .axgmap {height: 300px; border-radius: 5px; }


/*アンケート
*****************************/
.table-anq thead th {text-align: center;}
.table-anq tbody td.anq-status {text-align: center;}
.table-anq tbody td.anq-date {text-align: center;}
.table-anq tbody td.anq-title {}
.table-anq tbody td.anq-name {text-align: center;}
.table-anq tbody td.anq-last {text-align: center;}
.table-anq tbody td.anq-ans {text-align: center;}

.make-anq {text-align: center;  padding: 8px 0; margin-bottom: 40px; color: #fff;}
.make-anq span  {font-size: 1.8rem; display: inline-block; vertical-align: middle;}
.make-anq i {font-size: 3.2rem; display: inline-block; vertical-align: middle;}


.table-make-anq {margin-bottom: 20px;}
.table-make-anq {background-color: #fff; width: 100%;}
.table-make-anq th , .table-make-anq td {padding: 13px; border: 1px solid #ccc;}
.table-make-anq .head-num {background-color: #E9EDEF; text-align: center; font-weight: bold; width: 60px;}


/*reports_schedule
*****************************/
.reports-schedule { height: 100%; min-height: 100%;  }
.reports-schedule .usr-box {border-bottom: 1px solid #3D3D3D; padding-bottom: 10px; margin-bottom: 0; cursor: pointer; padding-top: 10px; padding-left: 10px; position: relative;}
.reports-schedule .usr-box:hover {background-color: #4F4F4F;}
.reports-schedule .usr-box dl > dt {color: #fff;}
.reports-schedule .usr-box dl > dt + dd {font-size: 15px; color: #fff;}
.reports-schedule .usr-box .circle--pic {width: 50px; height: 50px;}

.reports-schedule .side {min-height: 100%; height: 100%; background-color: #444; float: left; width: 250px; }
.reports-schedule .side-inner {background-color: #444;
  height: 600px;
    /*height: 100%;*/
}
.reports-schedule .side .rs-paging {overflow: hidden; position: fixed; bottom: 0; left: 0; width: 250px; background-color: #2A2A2A;}
.reports-schedule .side .rs-paging li {float: left; width: 125px;}
.reports-schedule .side .rs-paging li a { text-align: center;  padding: 2px 0; cursor: pointer; display: block;}
.reports-schedule .side .rs-paging li:first-child { width: 124px; border-right: 1px solid #444;}
.reports-schedule .usr-box.current {background-color: #00B199;}
.reports-schedule .usr-box.current:before {
position: absolute; right: 0; top: 24px; margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 13px 10px 0;
border-color: transparent #f3f3f8 transparent transparent;
}

.reports-schedule .main { padding-top: 40px;  overflow-y: auto; height: 700px;}
.reports-schedule .rs-target-name {font-size: 27px; margin-bottom: 30px; }
.reports-schedule .main-inner {width: 940px; margin: 0 auto;}
.reports-schedule .graf-wp {float: left;}
.reports-schedule .graf-canvas {width: 300px;height: 300px;  margin-right: 40px; margin-bottom: 30px;}

.reports-schedule .reports-deteil {float: left; padding-bottom: 40px;}
.reports-schedule .reports-deteil table {background-color: #fff; font-size: 12px;}
.reports-schedule .reports-deteil table tr.tr-head { color: #fff; text-shadow: 0 0 1px rgba(0,0,0,.6); font-size: 14px;}
.reports-schedule .reports-deteil table tr.tr-head-bg {background-color: #37A6E2;}

.reports-schedule .reports-info p {font-weight: bold;font-size: 18px; margin-bottom: 5px;}
.reports-schedule .reports-info {width: 200px;}
.reports-schedule .reports-info li {overflow: hidden; text-align: right; margin-bottom: 5px; }
.reports-schedule .reports-info li b {font-weight: normal;}
.reports-schedule .reports-info li span {float: left;}
.table-reports-schedule {width: 600px;}
.table-reports-schedule thead {background-color: #78909C; color: #fff;}
.table-reports-schedule thead th {text-align: center;}
.table-reports-schedule th,
.table-reports-schedule td {padding: 5px; border: 1px solid #ddd;}
.table-reports-schedule .trs-name { width: 160px;}
.table-reports-schedule .trs-h {width: 60px;}
.table-reports-schedule .total {text-align: center;}
.table-reports-schedule .trs-tm {text-align: center;}