@charset "utf-8";a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a:hover{opacity:0.7;text-decoration:none}
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;800&display=swap');

* {
   -webkit-appearance: none;
}
html {
    font-size: 0.7rem;
}
body{
  font-size: 1.0rem;
  font-family: ヒラギノ角ゴシック, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Noto Sans JP", sans-serif;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color: rgb(74, 74, 74);
  box-sizing: border-box;
  line-height: 1.8em;
  background-color: #f5f5f5;
  word-break: break-all;
  background-image: url(../img/back.png);
}
a:link{
	color:#0071c1;
	text-decoration:none;
	font-weight:bold;
}
a:visited{
	color:#0071c1;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	color:#0071c1;
	text-decoration:underline;
	font-weight:bold;
}

hr{
  border: none;
  border-bottom: 3px double #ddd;
  margin:15px auto;
}

img{
  max-width: 100%;
}

.clearfix:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
.clearfix {
  display: inline-table;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

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

  50% {
    opacity: 0;
  }
  
  
  100% {
    opacity: 1;
  }
}


/*
Header
*/
header{
  width:100%;
  background: rgb(255, 255, 255);
  box-shadow: rgb(0 0 0 / 16%) 0px 0px 8px;
  opacity: 0.7;
}
header:hover{
  opacity: 1.0;
}
header .header{
  width:100%;
  box-sizing:border-box;
  padding:10px;
  margin:0 auto;
  text-align:center;
}

header .header a.head_title{
  display: inline-block;
  line-height: 1.0;
  text-decoration: none;
  font-weight: normal;
  font-size: 10px;
  box-sizing: border-box;
  color: #005ca2;
  float: left;
  background-image: url(../img/logo.svg);
  background-size: 164px 43px;
  background-position: 0 2px;
  width: 164px;
  height: 43px;
  padding: 3px;
  padding-top: 0px;
  padding-right: 5px;
  text-align: right;
}

header .header img{
  vertical-align: bottom;
  width:100%;
}
nav.menu{

}
nav.menu ul{
  width:auto;
  display: inline-block;
  float:right;
  text-align: right;
}
nav.menu ul li{
  position: relative;
  display: inline-block;
}

nav.menu ul li.notice:before{
  content: "●";
  font-size: 10px;
  color: #1ece12;
  position: absolute;
  top: 0px;
  left: 5px;
}

nav.menu ul li a{
  display: inline-block;
  line-height: 1.0;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  font-size:13px;
  padding:15px;
  box-sizing: border-box;
  color:#333;
}
nav.menu ul li a:hover{
  border-radius: 4px;
  background-color:#eff4f7;
  opacity: 1.0;
}
nav.menu ul li.important a{
  background-color: #0071c1;
  color: #fff;
  border-radius: 4px;
  padding: 15px 30px 12px;
  border-bottom: 3px solid #03477b;
  margin-left:15px;
}
nav.menu ul li.important a:hover{
  background-color:#145a8c;
  position: relative;
  top:1px;
  color:#aebaca;
  padding: 15px 30px 14px;
  border-bottom: none;
}
/*
Footer
*/
footer{
  width:100%;
  border-bottom:1px solid #004e88;
  background-color: #005ca2;
}
footer .footer{
  width:80%;
  box-sizing:border-box;
  padding:10px 20px;
  margin:0 auto;
}

footer .footer ul.footer_link{
  text-align: center;
  margin:15px auto;
}

footer .footer ul.footer_link li{
  margin:0 10px;
  display: inline-block;
}

footer .footer ul.footer_link li a{
  color:#fff;
  text-decoration: none;
  font-weight: normal;
}
footer .footer ul.footer_link li a:hover{
  text-decoration: underline;
}
#COPYRIGHT{
  padding:15px 0;
  background-color:#005798;
  color:#fff;
  text-align:center;
  font-size:10px;
}
#COPYRIGHT a{
  color:#fff;
  font-weight: normal;
}

/*
MAIN_CONTENTS
*/

#MAIN_CONTENTS{
  width:calc(100% - 20px);
  width:-webkit-calc(100% - 20px);
  margin:30px auto;
}

#MAIN_CONTENTS #MAIN{
  /*
  width:calc(70% - 10px);
  width:-webkit-calc(70% - 10px);
  */
  min-width:calc(100% - 500px);
  max-width: calc(100% - 500px);
  float:left;
  box-sizing: border-box;
}

#MAIN_CONTENTS #MAIN.one_column{
  width:100%;
  margin:0 auto;
  float:none;
  min-width: calc(100% - 0px);
  max-width: calc(100% - 0px);
}

#MAIN_CONTENTS #MAIN.one_column form table{
  width:100%;
}

#MAIN_CONTENTS #MAIN h2{
  font-size: 16px;
  background-color: #f3f3f3;
  margin: -30px -30px 30px;
  font-weight: bold;
  padding:15px;
  line-height:1.0;
  border-bottom: 1px dotted #ccc;
  border-top: 1px solid #8db5d4;
}

#MAIN_CONTENTS #MAIN section{
  margin:20px auto;
  padding:30px;
  border:1px solid #efefef;
  background-color: #fff;
  box-shadow: 1px 1px 7px #ddd;
}

ul.new_comment{
  border: 2px solid #0071C1;
}

ul.new_comment li a{
  display: block;
  border-bottom: 1px dotted #ccc;
  line-height: 1.5;
  padding: 15px;
  position: relative;
  padding-left: 30px;
}

ul.new_comment li:nth-last-of-type(1) a{
  border-bottom:none;
}

ul.new_comment li a:hover{
  background-color:#f2faff;
}

ul.new_comment li a:before{
  content: "\f0da";
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 7px;
  position: absolute;
  left: 15px;
}

#MAIN_CONTENTS #MAIN.down{
  opacity: 0.4;
}

#MAIN_CONTENTS #SIDE{
  /*
  width:calc(30% - 10px);
  width:-webkit-calc(30% - 10px);
  */
  max-width: 480px;
  float:right;
  box-sizing: border-box;
  opacity: 0.4;
}

#MAIN_CONTENTS #SIDE:hover{
  opacity: 1.0;
}

#MAIN_CONTENTS #SIDE section{
  width: 480px;
  margin: 20px auto;
  padding: 30px;
  border: 1px solid #efefef;
  background-color: #fff;
  box-shadow: 1px 1px 7px #ddd;
  box-sizing: border-box;
}

#MAIN_CONTENTS #SIDE h2{
  font-size: 16px;
  background-color: #f3f3f3;
  margin: -30px -30px 30px;
  font-weight: bold;
  padding:15px;
  line-height:1.0;
  border-bottom: 1px dotted #ccc;
  border-top:1px solid #8db5d4;
}

#MAIN_CONTENTS .message_txt{
  margin-top: 20px;
  padding: 20px;
  font-size: 12px;
  background-color: #f7f7f7;
  line-height: 1.5;
  color: #666;
  border: 2px solid #d9d9d9;
}

#MAIN_CONTENTS .message_txt:before{
}

#MAIN_CONTENTS #SIDE .free_txt{
  width: 480px;
  margin: 20px auto;
  padding: 30px;
  box-shadow: 1px 1px 7px #ddd;
  box-sizing: border-box;
  font-size:12px;
  line-height:2.0;
  color:#333;
  font-weight: normal;
  background-color: #eff4f7;
  border-color: #82b6d0;
  color: #004261;
  border-width: 1px;
  padding:30px;
  box-shadow: 1px 1px 7px #ddd;
}

ul.menu_link {

}

ul.menu_link li a{
  border: 1px solid #ddd;
  padding: 18px 30px 17px 16px;
  display: block;
  border-radius: 6px;
  position: relative;
  margin-bottom:20px;
}

ul.menu_link li:nth-last-of-type(1) a{
  margin-bottom:0;
}

ul.menu_link li a:after{
  content: "\f105";
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 3px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  color: #666;
  font-size: 20px;
  font-weight: bold;
}


ul.menu_link li a  .link_title{
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  font-weight: bold;
  color:#005ca2;
}

ul.menu_link li a .link_desc{
  margin: 8px 0 0;
  color: #333 !important;
  font-size: 11px;
  line-height: 18px;
  font-weight: normal !important;
  text-decoration: none;
}

ul.menu_link li a:hover{
  text-decoration: none !important;
  background-color:#eff4f7;
}

ul.sub_menu_link{
  text-align:left;
  margin:15px auto 30px;
}

ul.sub_menu_link li{
  display: inline-block;
}

ul.sub_menu_link li:after{
  content:"｜";
  color:#333;
  font-weight: normal;
}

ul.sub_menu_link li:nth-last-of-type(1):after{
  display: none;
}


.blank_window{
  background-image:url("../img/window_blue.svg");
  background-size:15px 15px;
  width:15px;
  height:15px;
  display: inline-block;
  position: relative;
  top: 2px;
}

.blank_window_white{
  background-image:url("../img/window_white.svg");
  background-size:15px 15px;
  width:15px;
  height:15px;
  display: inline-block;
  position: relative;
  top: 2px;
}

.blank_window_blue{
  background-image:url("../img/window_blue.svg");
  background-size:15px 15px;
  width:15px;
  height:15px;
  display: inline-block;
  position: relative;
  top: 2px;
}

.blank_window_blue.mini,
.blank_window_white.mini,
.blank_window.mini{
  background-size:12px 12px;
  width:12px;
  height:12px;
}

table.file_link td{
  font-size:12px;
}

.file_link tr td:nth-of-type(1){
  width:190px;
}

.file_link tr td input{
  padding:3px 5px;
  line-height:1.0;
  width: 80%
}

.file_link tr td .copy_btn{
  display: inline-block;
  border:1px solid #ccc;
  line-height:1.0;
  padding:5px 10px;
  font-size:12px;
  border-radius: 4px;
  margin-left:5px;
  background-color:#efefef;
  font-weight: bold;
}

.file_link tr td .copy_btn:hover{
  cursor: pointer;
  opacity: 0.6;
}

.file_link .icon{
  line-height:1.0;
  font-size:10px;
  border-radius: 30px;
  color:#fff;
  padding:4px 14px;
  background-color:#005ca2;
  display: inline-block;
  margin-right:5px;
}


.tag_list li{
  display: inline-block;
}

.tag_list li a{
  display: inline-block;
  line-height: 1.0;
  padding: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  border: 1px solid #b8cee0;
}

.tag_list li a:hover{
  background-color: #dde9f3;
}
small{
  font-size:10px;
}

/*
Form
*/

.form_box table{
  width:100%;
}

.form_box table th,
.form_box table td{
  padding:10px;
}

.form_box table tr{
  border-bottom:1px dotted #ccc;
}

.form_box table th{
  text-align:center;
  width:120px;
  vertical-align: middle;
}

.form_box table td{
  
}

.form_box table th .label{
  line-height:1.0;
  color:#fff;
  padding:4px 15px;
  background-color:#005ca2;
  display: inline-block;
  min-width: 76px;
  text-align: center;
  font-weight: normal;
}

.form_box table input,
.form_box table select,
.form_box table textarea {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border:1px solid #999;
    border-radius: 4px;
}
.form_box table input[type = "submit"]{
    background: -moz-linear-gradient(top, #fdfdfd 0%, #e6e6e6 99%);
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#e6e6e6 99%);
    background: linear-gradient(to bottom, #fdfdfd 0%,#e6e6e6 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e6e6e6',GradientType=0 );
    padding:20px;
}

.form_box .link{
  margin:10px auto;
}

.submit_btn:hover,
.form_box table input[type = "submit"]:hover{
  cursor: pointer;
  opacity: 0.6;
}

#file_drag_drop_area{
  border:3px #005ca2 dashed;
  margin:40px;
  padding:30px;
  border-radius: 8px;
  text-align:center;
  background-color:#e8eff7;
  color:#18496b;
}

#file_drag_drop_area.comment{
  margin:10px auto;
  padding:20px;
}

#file_drag_drop_area:hover{
  opacity:0.6;
}

#upload_file_list.active{
  padding:10px;
  font-size:10px;
  line-height:1.2;
  background-color:#eaf2f9;
  border-radius: 4px;
  margin:20px auto;
}

#upload_file_list ul li{
  font-size:10px;
}

.fileup_mess{
  border:1px solid #4ec346;
  background-color: #f7f9f6; 
  padding:20px;
  margin:20px auto;
}

.fileup_mess .title{
  font-size:115%;
  line-height:1.2;
  margin-bottom:10px;
  color: #31962a;
  font-weight: bold;
}

.fileup_mess .box{
  background-color: #dbf1d0;
  color: #319629;
  padding: 15px;
  margin: 20px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px; 
}


.fileup_mess #COPY_TXT{
  padding:15px;
  background-color:#fff;
  line-height:1.6;
  color:#666;
  border:1px solid #ccc;
  display: block;
  margin:30px auto 10px;
  box-sizing: border-box;
  height: 200px;
  width:100%;
}

.fileup_mess #COPY_BTN{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 4px;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #e6e6e6 99%);
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#e6e6e6 99%);
    background: linear-gradient(to bottom, #fdfdfd 0%,#e6e6e6 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e6e6e6',GradientType=0 );
    padding: 20px;
    font-weight: bold;
}

.fileup_mess #COPY_BTN:hover{
  cursor: pointer;
  opacity: 0.6;
}

.submit_btn{
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 4px;
  background: -moz-linear-gradient(top, #fdfdfd 0%, #e6e6e6 99%);
  background: -webkit-linear-gradient(top, #fdfdfd 0%,#e6e6e6 99%);
  background: linear-gradient(to bottom, #fdfdfd 0%,#e6e6e6 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e6e6e6',GradientType=0 );
  padding: 20px;
  font-weight: bold;
}


.emo_list{
  margin:5px 0;
}

.emo_list .emo_icon{
  display: inline-block;
  margin: 0;
  margin-right: 2px;
  border: 1px solid #eaeaea;
  padding: 3px;
  border-radius: 4px;
}

.emo_list .emo_icon:hover{
  opacity: 0.6;
  cursor: pointer;
}

.emo_list .emo_icon img.emoji {
  height: 18px;
  position: relative;
  vertical-align: bottom;
  top: 0px;
  margin: 0;
  display: inline-block;
}

.note{
  font-size:10px;
  color:#999;
}

.memo_area .shere_memo{
  padding:10px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 3px;
  margin-bottom:10px;
}

.memo_area .submit_btn{
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 3px;
  background: -moz-linear-gradient(top, #fdfdfd 0%, #e6e6e6 99%);
  background: -webkit-linear-gradient(top, #fdfdfd 0%,#e6e6e6 99%);
  background: linear-gradient(to bottom, #fdfdfd 0%,#e6e6e6 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e6e6e6',GradientType=0 );
}

.memo_area .submit_btn:hover{
  cursor: pointer;
  opacity: 0.6;
}

/*
task_card
*/

.task_card .data_item{
  margin-bottom:15px;
}

.task_card .title{
  font-size: 200%;
  margin-bottom: 20px;
  font-weight: bold;
  line-height:1.5;
}

.task_card .status{
  font-size:10px;
  font-weight: normal;
  margin-bottom:15px;
  line-height: 1.0;
  padding:3px 6px;
  border-radius: 6px;
  border:1px solid #999;
  color:#999;
  display: inline-block;
}


.task_card .status.status_0{
  border:1px solid #f58f8f;
  color:#f58f8f;
}


.task_card .status.status_1{
  border:1px solid #4ec346;
  color:#fff;
  background-color:#4ec346;;
}

.task_card .status.status_2{
  border:1px solid #efa319;
  color:#efa319;
}


.task_card .status.status_3{
  border:1px solid #a59b8b;
  color:#a59b8b;
}


.task_card .status.status_4{
  border:1px solid #4095ec;
  color:#4095ec;
}


.task_card .status.status_5{
  border:1px solid #999;
  color:#999;
  opacity: 0.4;
}


.task_card .label {
    line-height: 1.0;
    color: #fff;
    padding: 4px 15px;
    background-color: #005ca2;
    display: inline-block;
    min-width: 76px;
    text-align: center;
    margin-right:15px;
    font-weight: normal;
}

.task_card .progress_area{
  height:10px;
  width:200px;
  background-color:#efefef;
  display: inline-block;
  margin-right:10px;
  position: relative;
}

.task_card .progress_area .progress_bar{
  background-color:#f58f8f;
  height:100%;
  display: inline-block;
  position: absolute;
  left:0;
  bottom:0;
}

.task_card .desc_area{
  border: 1px solid #96a4bd;
  padding: 15px;
  line-height: 2.0;
  margin-top: 40px;
  font-size: 15px;
}

.task_card .desc_area h3.title{
  display: block;
  line-height: 1.0;
  margin: -15px -15px 15px;
  padding: 10px;
  color: #2C497D;
  font-size: 11px;
  background-color: #EBEFF4;
}

.task_card .desc_area h3.title .pickup_disp_link{
  float:right;
  text-decoration: underline;
}

.task_card select,
.task_card input{
  width: calc(100% - 200px);
  width: -webkit-calc(100% -200px);
  box-sizing: border-box;
  display: inline-block;  
  border:1px solid #ccc;
  border-radius: 4px;
  padding:5px;
  background-color:#fff;
}

.task_card .desc_area textarea{
  width:100%;
  box-sizing: border-box;
  display: inline-block;  
  border:1px solid #ccc;
  border-radius: 0px;
  padding:10px;
  background-color:#fff;
  min-height:400px;
  width: calc(100% + 30px);
  width: -webkit-calc(100% + 30px);
  margin: -15px -15px -30px;
}

.task_card input[type = "submit"]{
    background: -moz-linear-gradient(top, #fdfdfd 0%, #e6e6e6 99%);
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#e6e6e6 99%);
    background: linear-gradient(to bottom, #fdfdfd 0%,#e6e6e6 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e6e6e6',GradientType=0 );
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 4px;
    margin-top:20px;
}

.task_card input[type = "submit"]:hover{
  opacity: 0.6;
  cursor: pointer;
}

.task_card .url_list{
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 200px);
  width: -webkit-calc(100% -200px);
}

.desc_area .checklist_box{
  display: inline-block;
  vertical-align: top;
  width:100%;
}


.task_card .url_list .url_link{
  margin-bottom:10px;
}


.desc_area .checklist_title{
  font-weight: bold;
  font-size:110%;
  margin-bottom:7px;
}

.desc_area .checklist_box .checklist{
  margin-bottom:10px;
  line-height:1.0;
  font-size:12px;
}


.desc_area .checklist_box .checklist i{
  color:#005ca2;
  margin-right:3px;
}


.desc_area .checklist_box .checklist .delete,
.task_card .url_list .url_link .delete{
  color:#0071c1;
}

.desc_area .checklist_box .checklist .delete:hover,
.task_card .url_list .url_link .delete:hover{
  text-decoration: underline;
  cursor: pointer;
}

.desc_area .checklist_box .add_form,
.task_card .url_list .add_form{
  margin-top:20px;
}

.desc_area .checklist_box .input,
.task_card .url_list .add_form .input{
  margin-bottom:10px;
}

.desc_area .checklist_box .checklist input[type = "checkbox"]{
  width: 13px;
  position: relative;
  top: 1px;
  -webkit-appearance: checkbox;
}

.desc_area .checklist_box .checklist input:disabled{
    color: -internal-light-dark(rgb(0,117,255), rgb(255,255,255)) !important;
    cursor: default;
}

.desc_area .checklist_box .checklist input[type = "checkbox"]:hover{
  cursor: pointer;
}

.desc_area .checklist_box .add_form .input_title,
.task_card .url_list .add_form .input_title{
  line-height: 1.0;
  padding: 4px 0;
  display: inline-block;
  min-width: 40px;
  margin-right: 15px;
  font-weight: normal; 
  font-size:10px;
  font-weight: bold;
}

.desc_area .checklist_box .add_form .add_btn,
.task_card .url_list .add_form .add_btn{
  background: -moz-linear-gradient(top, #fdfdfd 0%, #e6e6e6 99%);
  background: -webkit-linear-gradient(top, #fdfdfd 0%,#e6e6e6 99%);
  background: linear-gradient(to bottom, #fdfdfd 0%,#e6e6e6 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e6e6e6',GradientType=0 );
  width: 100px;
  padding:3px 10px;
  box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 4px;
  margin-top: 10px;  
  text-align:center;
  font-weight: bold;
}

.desc_area .checklist_box .add_form .add_btn:hover,
.task_card .url_list .add_form .add_btn:hover{
  cursor: pointer;
  opacity: 0.6;
}

ul.detail_menu{
  margin-top:30px;
}

ul.detail_menu li{
  display: inline-block;
}

ul.detail_menu li:after{
  content:"｜";
}

ul.detail_menu li:nth-last-of-type(1):after{
  display: none;
}

.aco_window{
  position: relative;
  height:200px;
  overflow: hidden;
}

.aco_window.active{
  height:auto;
}

.aco_btn{
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 4px;
  background: -moz-linear-gradient(top, #fdfdfd 0%, #e6e6e6 99%);
  background: -webkit-linear-gradient(top, #fdfdfd 0%,#e6e6e6 99%);
  background: linear-gradient(to bottom, #fdfdfd 0%,#e6e6e6 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e6e6e6',GradientType=0 );
  padding: 20px;
  line-height:1.0;
  font-weight: bold;
  font-size:13px;
  text-align: center;
  margin-top:-15px;
  position: relative;
  z-index:10;
}

.aco_btn:hover{
  color:#666;
  cursor: pointer;
  background: -moz-linear-gradient(top, #e6e6e6 0%, #fdfdfd 99%);
  background: -webkit-linear-gradient(top, #e6e6e6 0%,#fdfdfd 99%);
  background: linear-gradient(to bottom, #e6e6e6 0%,#fdfdfd 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='fdfdfd',GradientType=0 );
}

.aco_btn:before{
  content:"+ 開く";
}

.aco_btn.active{
  margin-top:-2px;
}

.aco_btn.active:before{
  content:"- 閉じる";
}

.aco_window:after{
  content:" ";
  width:100%;
  box-sizing: border-box;
  height:68px;
  display: inline-block;
  position: absolute;
  bottom:0;
  left:0;
  opacity: 0.4;
  background-image:url("../img/bottom_shadow.png");
}

.aco_window.active:after{
  display:none;
}


.next_task{

}

.next_task ul{
  
}

ul .task_card_list{
  padding:15px;
  background-color:#fdf8eb;
  border-radius: 4px;
  margin-bottom:15px;  
}

ul .task_card_list.mini{
  opacity: 1.0 !important;
  padding:10px;
  line-height: 1.3;
}

ul .task_card_list.mini .title{
  font-size:12px;
  margin-bottom:5px;
}

ul .task_card_list{
  border:1px solid #fff;
}

ul .task_card_list.now{
  background-color: #f7f9f6;
}

ul .task_card_list.now:hover{
  border:1px solid #4ec346;
}

ul .task_card_list:hover{
  border:1px solid #f7c045;
}

ul .task_card_list:nth-of-type(2){
  opacity: 0.6;
}

.next_task ul li .number{
  background-color: #f7c045;
  color: #fff;
  line-height: 1.0;
  padding: 3px 7px;
  font-size: 10px;
  border-radius: 4px;
  margin-bottom: 10px;
  display: inline-block;
}

ul .task_card_list.now .number{
  background-color: #4ec346;
}


ul .task_card_list .link{
  margin-top:0;
  margin-bottom:0;
}

ul .task_card_list .title{
  font-size:140%;
  font-weight: bold;
  margin-bottom:5px;
}

ul .task_card_list .data_item{
  font-size:10px;
  margin-bottom:0px;
}

ul .task_card_list.mini .data_item{
  font-size:10px;
}

ul .task_card_list .data_item .label{
  font-weight: bold;
  display: inline-block;
  margin-right:5px;
}

/*
Common
*/

.link{
  text-align: right;
  margin:30px auto 10px;
}

.back_link{
  text-align: left;
  margin:30px auto 10px;
}

.back_link a,
.link a{
  text-decoration: underline;
}

.back_link a:hover,
.link a:hover{
  text-decoration: none;
}

.link a:before {
  content: "\f105";
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 3px;
}

.back_link a:before {
  content: "\f104";
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 3px;
}

hr.hr {
  border-top: 1px dotted #8c8b8b;
  border-bottom: 1px dotted #fff;
  margin:15px auto;
}

.err_msg{
  border:2px solid #f00;
  padding:20px;
  margin:20px auto;
  background-color:#fee;
}

.err_msg_txt{
  color:#f00;
  font-weight: bold;
  font-size:120%;
  animation: flash 1s linear infinite;
}

/*
comment
*/

.right_link{
  text-align:right;
  margin:20px auto;
}

img.emoji{
  height: 18px;
  position: relative;
  vertical-align: bottom;
  top: -7px;
  margin: 0 4px;
  display: inline-block;
}

.add_info_area{

}

.add_info_area h3{
  margin: -30px -30px 30px;
  padding: 10px;
  background-color: #f3f3f3;
  line-height: 1.0;
}

.add_info_area h3 .link {
  float: right;
  text-decoration: underline;
  position: relative;
  top: -32px;
}


.comment_box{
  margin: 0 -15px 20px;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.comment_box.midoku{
  background-color: #fee;
  padding: 15px;
}

.comment_box.midoku .user:before{
  content: "未読";
  display: inline-block;
  font-size: 10px;
  right: 5px;
  top: 3px;
  padding: 2px 5px;
  border: 1px solid #f00;
  background-color: #f00;
  border-radius: 3px;
  line-height: 1.0;
  color: #fff;
  position: absolute;
  animation: flash 1s linear infinite;
}

.comment_box.active{
  background-color: #fee;
  padding: 15px;
}

.comment_box.active:before{
  content: "\f061";
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  color: #f00;
  left: -35px;
  top: 10px;
  font-size: 400%;
  animation: flash 1s linear infinite;
}

.comment_box .kidoku_btn{
  border: 1px solid #ccc;
  font-size: 87%;
  padding: 2px 15px;
  border-radius: 4px;
  background: #fdfdfd;
  background: -moz-linear-gradient(top, #fdfdfd 0%, #e6e6e6 99%);
  background: -webkit-linear-gradient(top, #fdfdfd 0%,#e6e6e6 99%);
  background: linear-gradient(to bottom, #fdfdfd 0%,#e6e6e6 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e6e6e6',GradientType=0 );
  margin-left: 15px;
}

.comment_box .kidoku_btn:hover{
  cursor: pointer;
  opacity: 0.6;
  background: #e6e6e6;
  background: -moz-linear-gradient(top, #e6e6e6 0%, #fdfdfd 99%);
  background: -webkit-linear-gradient(top, #e6e6e6 0%,#fdfdfd 99%);
  background: linear-gradient(to bottom, #e6e6e6 0%,#fdfdfd 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#fdfdfd',GradientType=0 );
}

.comment_box .user{
  width:75px;
  display: inline-block;
  text-align: center;
  font-size:10px;
}

.comment_box .user .icon{
  width:35px;
  height:35px;
  border-radius: 300px;
  overflow: hidden;
  display: block;
  margin:0 auto 3px;
  box-sizing: border-box;
}

.comment_box .user .icon img{
  width:100%;
  vertical-align: bottom;
}

.comment_box .user .name{
  font-weight: bold;
  color:#446474;
}


.comment_box.myself .user{
  float:left;
  position: relative;
  left: -10px;
}

.comment_box.user .user{
  float:left;
  position: relative;
  left: -10px;
}

.comment_box .txt{
  width: calc(100% - 75px);
  padding:15px;
  background-color:#fafafa;
  box-sizing: border-box;
  font-size:16px;
  border-radius: 8px;
  line-height:2.0;
}

.comment_box .txt .title{
  font-size:110%;
  font-weight: bold;
  margin-bottom:15px;
}

.comment_box .txt .date{
  font-size:10px;
  text-align: right;
  margin-top:50px;
  color:#999;
}

.comment_box .txt .date .comment_link{
  float:left;
}

.comment_box .txt .date .comment_link .pickup_disp_link{
  text-decoration: underline;
}

.comment_box .txt .date .check{
  margin-left:5px;
}

.comment_box .txt .date .check_flg_0{
  color:#f00;
}

.comment_box .txt .date .check_flg_0:before{
  content:"● ";
  color:#f00;
  font-size:10px;
}

.comment_box.myself .txt{
  float:right;
  background-color:#f7f9f6;
  position: relative;
}

.comment_box.myself .txt:after {
  content: "";
  position: absolute;
  top: 20px;
  left: -10px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #f7f9f6 transparent transparent;

/*
  content: "";
  position: absolute;
  top: 20px;
  right: -10px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #f7f9f6;
  */
}

.comment_box.user .txt{
  /*
  float:left;
  background-color:#f6faff;
  position: relative;
  */

  float:right;
  background-color:#f6faff;
  position: relative;
}

.comment_box.user .txt:after {
  /*
  content: "";
  position: absolute;
  top: 20px;
  right: -10px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  */
  content: "";
  position: absolute;
  top: 20px;
  left: -10px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #f6faff transparent transparent;
}

.copy-url-btn{
  margin-right: 10px;
  color: #005ca2;
  text-decoration: underline;
  font-weight: bold;
}

.copy-url-btn:hover{
  cursor: pointer;
  text-decoration: none;

}

@media screen and (max-width: 640px) {
  header .header,
  #RESULT_FROM_DATA,
  #MAIN_CONTENTS #MAIN_contents{
    width:100%;
    padding:5px;
  }
}

/*
  URLをコピー
*/
#copy-page {
  display: block;
  width: auto;
  margin: 20px 2px 0;
  padding: 7px 0 6px;
  font-size: 100%;
  text-align: center;
  color: #fff;
  border: none;
  background-color: #005ca4;
  border-bottom: 3px solid #023256;
  border-radius: 3px;
  font-weight: bold;
}
#copy-page:hover {
  cursor: pointer;
  background-color: #75a1c3;
  border-bottom: 3px solid #75a1c3;
}
#copyTarget {
  visibility: collapse;
  margin: 5px 2px;
  padding: 0 5px;
  height: 2.5em;
  width: calc( 100% - 4px );
  border: 2px solid #999;
  border-radius: 3px;
  box-sizing: border-box;
}
#copyRadio:checked ~ #copyTarget {
  visibility: visible;
}

/*
head_mess
*/

.head_mess{
  margin:15px auto;
  padding:15px;
  border:1px solid #4ec346;
  background-color: #f7f9f6;
  width:clamp(100%,100%,100%);
  float: none;
  box-sizing: border-box;
}

.head_mess .head_mess_title{
  font-size:115%;
  line-height:1.2;
  margin-bottom:10px;
  color: #31962a;
  font-weight: bold;
}

.head_mess .head_mess_title:before {
    content: "\f05a";
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 5px;
    font-weight: normal;
}

.head_mess .head_mess_txt{
  line-height:1.5;
}

.thx_txt{
  font-size: 140%;
  font-weight: bold;
  margin-bottom:10px;
}

.task_url{
  background-color: #dbf1d0;
  color: #319629;
  padding: 15px;
  margin: 20px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
}

.head_mess_txt p{
  margin-bottom:15px;
}

.pickup .markdown{
  font-size:15px;
}

.pickup .title{
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 30px;
}

p+.linkBlock{
  margin: -30px 0 10px;
}

/*
comment_list
*/

table.comment_list{
  margin: 20px auto;
  width: 100%;
}

table.comment_list thead th{
  line-height: 1.0;
  padding: 5px 10px;
  background-color: #efefef;
  font-size: 87%;
  text-align: left;
}

table.comment_list tbody th,
table.comment_list tbody td{
  line-height: 1.2;
  vertical-align: middle;
  text-align: left;
  font-size:12px;
  padding:10px;
}

table.comment_list tbody tr{
  border-bottom:1px dotted #ccc;
}

table.comment_list tbody tr.down{
  display: none;
}

table.comment_list tbody tr:hover{
  background-color:#f7f9f6 !important;

}

table.comment_list .toolchip_area{
  position: relative;
}

table.comment_list .toolchip_area .toolchip_btn{
  text-decoration: underline;
}

table.comment_list .toolchip_area .toolchip_btn:hover{
  text-decoration: none;
  cursor: pointer;
}

table.comment_list .toolchip_area .toolchip_txt{
  display:block;
  width:400px;
  height:auto;
  position: absolute;
  background-color: #fff;
  border:1px solid #eee;
  box-shadow: 1px 1px 3px #aaa;
  padding:10px;
  top:-10px;
  left:30px;
  z-index: 100;
  display: none;
}

table.comment_list .toolchip_area .toolchip_txt.active{
  display: block !important;
}

table.comment_list .kidoku_btn{
  border: 1px solid #ccc;
  font-size: 87%;
  padding: 2px 15px;
  border-radius: 4px;
  background: #fdfdfd;
  background: -moz-linear-gradient(top, #fdfdfd 0%, #e6e6e6 99%);
  background: -webkit-linear-gradient(top, #fdfdfd 0%,#e6e6e6 99%);
  background: linear-gradient(to bottom, #fdfdfd 0%,#e6e6e6 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e6e6e6',GradientType=0 );
  margin-right:15px;
}

table.comment_list .kidoku_btn:hover{
  cursor: pointer;
  opacity: 0.6;
  background: #e6e6e6;
  background: -moz-linear-gradient(top, #e6e6e6 0%, #fdfdfd 99%);
  background: -webkit-linear-gradient(top, #e6e6e6 0%,#fdfdfd 99%);
  background: linear-gradient(to bottom, #e6e6e6 0%,#fdfdfd 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#fdfdfd',GradientType=0 );
}


.markdown{
  line-height:1.5;
}

.comment_box .txt a p,
.markdown a p{
  display: none;
}

.comment_box .txt a br,
.markdown a br{
  display: none;
}




.markdown h1{
  background-color: transparent !important;
  padding:0 !important;
  font-size:160% !important;
  margin:30px 0 20px !important;
  color:#005ca2;
  color:#064d84;
}

.markdown h2{
  background-color: transparent !important;
  padding:0 !important;
  background:none !important;
  font-size:150% !important;
  margin:30px 0 20px !important;
  border:none !important;
  color:#005ca2;
  color:#064d84;
}

.markdown h3{
  background-color: transparent !important;
  padding:0 !important;
  font-size:140% !important;
  margin:30px 0 20px !important;
  color:#005ca2;
  color:#064d84;
}

.markdown h4{
  background-color: transparent !important;
  padding:0 !important;
  font-size:120% !important;
  margin:30px 0 20px !important;
  color:#005ca2;
  color:#064d84;
}

.markdown h5{
  background-color: transparent !important;
  padding:0 !important;
  font-size:100% !important;
  margin:10px 0 !important;
}


.markdown p{
  margin:0 0 50px !important; 
  line-height:2.0 !important;
}

.markdown hr{
  margin: 70px auto;
  padding: 5px 15px 5px 15px;
  clear: both;
  background: url(data:image/gif;base64,R0lGODlhLAEKAIABAMzMzP///yH5BAEAAAEALAAAAAAsAQoAAAJvRIynyesNn4x02oqvznz7Dn5iSI5agKbqyrbuC8fyTNf2jef6zvd+CTQFh8Ii8WhMIpfKk+8JjUqn1Kr1SmNqm9su9+sNg8cJrPmMTqvXbLGbDH/L4/R5ho3P6/d8tb0O+CcYSDh414eYqLjIiFIAADs=) repeat-x left bottom;
  border: none;
}

.markdown blockquote {
  border-left: 5px solid #ddd;
  color: #777;
  padding:10px;
  padding-right: 0;
  margin: 1.5em 0;
}

.markdown blockquote p:nth-last-of-type(1){
  margin-bottom:0 !important;
}

.markdown code{
  display: block !important;
  padding: 10px !important;
  background-color: #364549 !important;
  color: #e3e3e3 !important;
  margin: 15px -15px;
}

.markdown ol,
.markdown ul{
  margin:30px auto;
}

.markdown ol li,
.markdown ul li{
  margin-bottom:15px;
  font-weight: bold;
}

.markdown ul li:before{
  content:"・";
  color:#005ca2;
}

.markdown ol li:before{
  counter-increment:item;
  content: counter(item)'.';
  color:#005ca2;
}

.markdown ol li:nth-last-of-type(1),
.markdown ul li:nth-last-of-type(1){
margin-bottom:0;
}

.markdown ol{
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}

.markdown a{
  text-decoration: underline;
}

.markdown a:hover{
  text-decoration: none;
}


.mk_desc_btn{
  display: inline-block;
   color:#999;
  line-height:1.5;
  text-decoration: underline;
  font-size:10px;
}

.mk_desc_btn:hover{
  text-decoration: none;
  cursor: pointer;
  color:#666;
}

.mk_desc_btn:before{
  content:"\f107";
  font-family:FontAwesome;
  position: relative;
  font-size:110%;
}

.mk_desc_btn.active:before{
  content:"\f106";
  font-family:FontAwesome;
}

.mk_desc_txt{
  width:100%;
  display: none;
}

.mk_desc_txt pre{
  border: 1px solid #ddd;
  /*
  border-radius:0px;
  box-shadow: inset 0 3px 6px -1px rgb(0 0 0 / 10%);
  */
  background-color:#fafafa;
  flex-grow: 1;
  font-family: Consolas,Courier New,Courier,Monaco,monospace;
  font-size: 12px;
  line-height: 1.5;
  padding: 7px 10px;
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* --- 現状サマリー --- */
.status_summary_box {
  margin-top: 15px;
  padding: 12px 15px;
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.8;
}
.status_summary_box p {
  margin: 0 0 4px;
}
.status_summary_box p:last-child {
  margin-bottom: 0;
}
.status_summary_box .summary_latest {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px dotted #ddd;
}
.status_summary_box .summary_date {
  color: #999;
  font-size: 12px;
}

/* --- 一覧用プログレスバー --- */
.list_progress_wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.list_progress_bar {
  width: 120px;
  height: 12px;
  background: #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
}
.list_progress_fill {
  height: 100%;
  background: #005ca2;
  border-radius: 6px;
}
.list_progress_text {
  font-weight: bold;
  color: #005ca2;
  font-size: 14px;
}
.next_action_item {
  margin-top: 12px !important;
  padding-top: 10px;
  border-top: 1px dotted #ccc;
  font-size: 12px !important;
}
.list_progress_row {
  margin-bottom: 8px !important;
}