@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&display=swap");

body{
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "BIZ UDGothic", "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
}

.navbar-brand>img{
  max-width:35px;
  height: auto;
}

label {margin-bottom: 0;}
select {
  padding: 2px 0 3px 0;
  vertical-align: middle;
}

textarea {
	font-size: 1.4rem;
}

h1 {
  font-size: 24px;
  font-size: 2.4rem;
  margin-top: 0;
}
h2 {
  font-size: 20px;
  font-size: 2rem;
}
h3 {
  font-size: 16px;
  font-size: 1.6rem;
}
h4, h5, h6 {
  font-size: 14px;
  font-size: 1.4rem;
}
p {
  font-size: 12px;
  font-size: 1.2rem;
}

.fs-m  {
  font-size: 12px;
  font-size: 1.2rem;
}
.fs-sl {
  font-size: 14px;
  font-size: 1.4rem;
}
.fs-ml {
  font-size: 16px;
  font-size: 1.6rem;
}
.fs-xl {
  font-size: 20px;
  font-size: 2rem;
}

.w4em {
  width: 4rem;
  display: inline-block;
  text-align: right;
  white-space: nowrap;
}
.w25 {width: 25px}
.w40 {width: 40px}
.w50 {width: 50px}
.w60 {width: 60px}
.w70 {width: 70px}
.w80 {width: 80px}
.w90 {width: 90px}
.w100 {width: 100px}
.w120 {width: 120px}
.w130 {width: 130px}
.w140 {width: 140px}
.w150 {width: 150px}
.w180 {width: 180px}
.w200 {width: 200px}
.w230 {width: 230px}
.w250 {width: 250px}
.w290 {width: 290px}
.w300 {width: 300px}
.w350 {width: 350px}
.w400 {width: 400px}
.w500 {width: 500px}
.w600 {width: 600px}
.w700 {width: 700px}
.w800 {width: 800px}
.w900 {width: 900px}

.left {text-align: left !important;}
.center {text-align: center !important;}
.right {text-align: right !important;}
.vt {vertical-align: top !important;}
.vm {vertical-align: middle !important;}
.vb {vertical-align: bottom !important;}

.nowrap {white-space:nowrap;}
.fl {float:left;}
.fr {float:right;}

.d-ib {display: inline-block;}

.mla {margin-left: auto !important;}
.mra {margin-right: auto !important;}
.mt0 {margin-top: 0 !important;}
.ml0 {margin-left: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.mr0 {margin-right: 0 !important;}
.m0 {margin: 0 !important;}

.mt5 {margin-top: 5px !important;}
.ml5 {margin-left: 5px !important;}
.mb5 {margin-bottom: 5px !important;}
.mr5 {margin-right: 5px !important;}
.m5 {margin: 5px !important;}

.mt10 {margin-top: 10px !important;}
.ml10 {margin-left: 10px !important;}
.mb10 {margin-bottom: 10px !important;}
.mr10 {margin-right: 10px !important;}
.m10 {margin: 10px !important;}

.mt20 {margin-top: 20px !important;}
.ml20 {margin-left: 20px !important;}
.mb20 {margin-bottom: 20px !important;}
.mr20 {margin-right: 20px !important;}
.m20 {margin: 20px !important;}

.mb50 {margin-bottom: 50px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb100 {margin-bottom: 100px !important;}

.pt0 {padding-top: 0 !important;}
.pl0 {padding-left: 0 !important;}
.pb0 {padding-bottom: 0 !important;}
.pr0 {padding-right: 0 !important;}
.p0 {padding: 0 !important;}

.pt5 {padding-top: 5px !important;}
.pl5 {padding-left: 5px !important;}
.pb5 {padding-bottom: 5px !important;}
.pr5 {padding-right: 5px !important;}
.p5 {padding: 5px !important;}

.pt10 {padding-top: 10px !important;}
.pl10 {padding-left: 10px !important;}
.pb10 {padding-bottom: 10px !important;}
.pr10 {padding-right: 10px !important;}
.p10 {padding: 10px !important;}

.pt20 {padding-top: 20px !important;}
.pl20 {padding-left: 20px !important;}
.pb20 {padding-bottom: 20px !important;}
.pr20 {padding-right: 20px !important;}
.p20 {padding: 20px !important;}

.h5 {height: 5px;}
.h10 {height: 10px;}
.h30 {height: 30px;}
.h50 {height: 50px;}

.prev {display: none;}
.next {display: none;}
th a.asc:after {content: '▲'; color: #fff;}
th a.desc:after {content: '▼'; color: #fff;}

.bg-gray {background-color: #eeeeee;}
.bg-green {background-color: #d6e9c6;}
.bg-pink {background-color: #f2dede;}
.bg-orange {background-color: #FDE288;}
.bg-sky {background-color: #D7EBFB;}
.bg-beige {background-color: #F8FACF;}
.bg-white {background-color: #ffffff;}

.font-yellow {color: #FFFF99;}
.font-red {color: #CA0000;}
.font-orenge {color: #FF6600;}
.font-sky {color: #029ce2;}
.font-green {color: #008000;}
.font-green3 {color: #004000;}
.font-gray {color: #888888;}

.form-error {background-color: #FFD7EB;}

.navbar .navbar-brand {margin-top: -7px;}
.navbar .navbar-right .active {background: none !important;}
.navbar { border-radius: 0;}

.contents {padding: 0px 20px 20px 20px;}

.jumbotron {padding: 10px; margin-bottom: 10px;}
.jumbotron table {background-color: #fff;}

.center-block .block-title {
  margin: 0 0 15px 0;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}

.pagination {margin: 0 0 2px 0;}

.table {margin-bottom: 10px;}
.table>tbody>tr>td,
.table>tfoot>tr>td,
.table>thead>tr>td {
  padding: 2px 4px;
  vertical-align: middle;
}
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>th {
  padding: 5px 4px;
  vertical-align: middle;
}
.table-hover tbody tr:hover > td {
  background-color: #ffc;
}
.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f7f7f7;
}

table.th-fill tr th {
  background-color: #3D8438;
  color: #fff;
  font-weight:bold;
}
table.th-fill tr th a {color: #fff;}
table.th-fill tr th.block-fill {background-color: #32ACE7;}
table.td-sm>tbody>tr>td {padding-top: 7px;}

.fieldset-bordered {
  padding: 0 5px 5px 5px;
  border: 1px solid #999;
  margin-bottom: 15px;
}

.fieldset-bordered legend {
  border: none;
  margin: 0;
  width: auto;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
.fieldset-navi {
  margin: -5px 0 5px 0;
  text-align: right;
}

.status-group .btn[disabled] {
  border: solid 1px #666;
  background-color: #fff;
  color: #333;
  filter: alpha(opacity=99);
  opacity: .99;
}
.status-group .active {
  border: solid 1px #333;
  background-color: #F2BA35 !important;
  font-weight: bold;
}

.status-group .success {
  border: solid 1px #333;
  background-color: #BFFF80 !important;
  font-weight: bold;
}

.status-group .danger {
  border: solid 1px #333;
  background-color: #ef5c5c !important;
  font-weight: bold;
}

.popover {max-width: 600px;}

.pagination {
    float: right;
}
.pagination-count {
    font-size: 14px;
    padding: 6px 12px;
    float: right;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	margin-top: -6px;
}
/* safari only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome,
  .ui-datepicker .ui-datepicker-prev span,
  .ui-datepicker .ui-datepicker-next span {
    margin-top: -4px;
  }
}

table.th-fill tr th {
  /*color: #333;*/
}

.navbar-inverse {
  background-color: #3D8438;
  border-color: #3D8438;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
  color: #fff;
  background-color: #3D8438;
}

.navbar-inverse .navbar-nav>li>a {
  color: #dfdfdf;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #3D8438;
    border-color: #3D8438;
}

.menu-action-space{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.menu-action-space .menu-action-left{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
.menu-action-space .menu-action-right{
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.assistButton {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #999999;
  border-radius: 2px;
  background-color: #eeeeee;
  text-align: center;
  width: 30px;
  margin: 5px;
  margin-right: 1px;
  margin-left: 1px;
  padding: 3px;

}

.assistButton:hover {
  color: white;
  background-color: #333333;
}

.assistButton.assistButtonDisabled{
  background: #aaa;
  pointer-events: none;
}

.colorDiv {
  cursor: pointer;

  border: 2px solid red;
  border-radius: 4px;
  background-color: #ffffff;
  text-align: center;
  width: 96px;
  padding: 4px;
}

.colorDivIcon {
  float: left;

  border: 1px solid #999999;
  border-radius: 2px;
  background-color: #eeeeee;
  text-align: center;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 2px;
}

.sizeDivIcon {
  border: 1px solid #999999;
  border-radius: 2px;
  background-color: #eeeeee;
  text-align: center;
  width: 92%;
  height: 24px;
  padding: 2px;
  margin: 4px;
}

.sizeDivIcon:hover {
  color: white;
  background-color: #1e90ff;
}

.linkDiv {
  border: 2px solid green;
  border-radius: 4px;
  background-color: #eeeeee;
  text-align: center;
  width: 240px;
  padding: 12px;
}

.otherLinkDiv {
  border: 2px solid green;
  border-radius: 4px;
  background-color: #eeeeee;
  text-align: center;
  width: 240px;
  padding: 12px;
}

.innerLinkDiv {
  border: 2px solid #037aa0;
  border-radius: 4px;
  background-color: #eeeeee;
  text-align: center;
  width: 240px;
  padding: 12px;
}

.fieldForArticle {
  display: none;
  width: 85%;
  margin: auto;
  height: auto;
  max-height: 100px;
  overflow-y: scroll;
}

.nameTagForArticle {
  cursor: pointer;
  background-color: #add8e6;
  margin: 3px;
  padding: 3px;
}

.nameTagForArticle:hover {
  background-color: #333333;
  color: white;
}

.insertButton {
  cursor: pointer;

  border: 2px solid red;
  border-radius: 4px;
  width: 80px;
  margin: 20px auto 8px auto;
  background-color: #ffb6c1;
  text-align: center;
}

.insertButton:hover {
  border: 2px solid black;
  border-radius: 4px;
  color: white;
  background-color: #333333;
}

.assistBold {
  font-weight: bold;
}

.firstAssistButton {
  margin-left: 10px;
}

.assistItalic {
  font-family: 'arial Black';
  font-style: italic;
}

.assistEnd {
  clear: both;
}

.tagDiv {
  font-size: 1rem;
  font-weight: bold;
  border-radius: 3px;
  position: absolute;
  display: inline-block;
  margin: 1.5em 0;
  padding: 3px 6px;
  width: auto;
  color: #fff;

  background: #ff4500;
  z-index: 10;
}


.tagDiv::before{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top: 5px solid #ff4500;
  z-index: 5;
}

.tagStyle {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 5px;
  border: solid 1px black;
  border-radius: 3px;
  padding: 5px;
  float: left;
  width: auto;
  height: 90%;
}

.tagStyleCreate {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: auto 5px auto auto;
  border: solid 1px black;
  border-radius: 3px;
  padding: 5px;
  float: left;
  width: auto;
  height: 95%;
}

.tagDelStyle {
  color: #333333;
  font-size: 8px;
  cursor: pointer;
  background-color: #eeeeee;
  border-radius: 1px;
  margin: auto 5px 5px 5px;
  padding: 3px;
}

.selectTag {
  padding: 5px 0 5px 0;
  border-radius: 5px;
  width: 1px;
  position: absolute;
  top: -500px;
  height: auto;
  max-height: 150px;
  overflow-y: auto;

  background-color: #222;

}

.tagCloseButton {
  background-color: #555;
  color: #fff;
  cursor: pointer;
  width: 95%;
  height: 30px;
  margin: auto;
  padding: 5px;
  //border: solid 1px #999;
  text-align: center;
}

.tagCloseButton:hover {
  background-color: #000;
  color: #fff;
}

.tagSelectButton {
  background-color: #f5f5f5;
  cursor: pointer;
  width: 95%;
  height: 30px;
  margin: auto;
  padding: 5px;
  text-align: center;
}

.tagSelectButton:hover {
  background-color: #000;
  color: #fff;
}

.tagField {
  cursor: pointer;
  color: grey;
  /*max-width: 650px;*/
  min-width: 150px;
  height: 33px;
  border: solid 1px grey;
  padding: 5px;
  font-size: 15px;
  background-color: #fff;
}

.tagDisplay {
  font-size: 11px;
  font-weight: bold;
  color: #222;
  text-align: center;
  margin-left: 4px;
  border: solid 1px #aaa;
  border-radius: 2px;
  padding: 3px 3px 1px 3px;
  float: left;
  width: auto;
  height: auto;
}
.tagDisplay:first-child{
  margin-left: 0;
}

.tagDisplayCloseButton {
  color: #222;
  font-size: 10px;
  cursor: pointer;
  background-color: #eeeeee;
  border-radius: 1px;
  margin: 8px 1px 1px 3px;
  padding: 1px;
  width: 15px;
  height: 15px;
}

@media print{
  .no-print{
    display:none;
  }
}
.w100per{
  width: 100%;
}
.d-none{
  display: none;
}

.table>tbody>tr>td.shown, .table>tfoot>tr>td.shown, .table>thead>tr>td.shown{
background-color: #fffdb3;
}

.bg-light{
  background-color: #fffdb3;
}

/* 記事編集・表示ページ用css */
body.info .navbar{
  margin-bottom: 0;
}
body.info .alert{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: -15px;
  margin-right: -15px;
}

.wd100{
  width: 100%;
}
.mw100{
  max-width: 100%;
}
.title-flex{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.title-flex > div.input-space{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
.title-flex > div.button-space{
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}

.tag-flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
.tag-flex > div.tag-space,
.tag-flex > div.share-space
{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
.tag-flex > div.unused-space{
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

.unused-space{
  margin-left:4px;
  margin-right:4px;
}
.m-auto{
  margin: 0 auto;
}
.color-white{
  color:#fff !important;
}
.color-black{
  color:#000 !important;
}
.navbar-text-margin{
  margin-top: 10px;
  margin-bottom: 10px;
}

table.table-4col{
  table-layout: fixed;
}
table.table-4col > thead > tr > th.tc-no1,
table.table-4col > thead > tr > td.tc-no1{
  width:50px;
}
table.table-4col > thead > tr > th.tc-no2,
table.table-4col > thead > tr > td.tc-no2{
  width:auto;
}
table.table-4col > thead > tr > th.tc-no3,
table.table-4col > thead > tr > td.tc-no3{
  width:60px;
}
table.table-4col > thead > tr > th.tc-no4,
table.table-4col > thead > tr > td.tc-no4{
  width:auto;
}
.btn.dropdown-toggle.btn-default{
  padding:2px 4px;
  border-color: #333;
  font-size:13px;
}

table.table-4col{
  table-layout: fixed;
}

table.search-header-table{
  table-layout: fixed;
}
@media (max-width: 900px){
  table.search-header-table{
    table-layout: auto;
  }

}

.br-0{
  border-right-color: transparent !important;
}
.bl-0{
   border-left-color: transparent !important;
 }
.minw-25{
  min-width: 25px;
}
.show-responsive{
  display: none;
}
@media (max-width: 920px){
  div.show-responsive{
    display: block !important;
  }
  span.show-responsive{
    display: inline !important;
  }
  td.show-responsive,
  th.show-responsive{
    display: table-cell !important;
  }
}
div.hide-responsive{
  display: block;
}
span.hide-responsive{
  display: inline;
}
td.hide-responsive,
th.hide-responsive{
  display: table-cell;
}
@media (max-width: 920px){
  .hide-responsive{
    display: none !important;
  }
}
.font-size-xs{
  font-size: 11px;
}
.bg-primary {
  /*background: #3D8438;*/
}
.min-h-button{
  min-height: 34px;
}
.pt5-responsive{
  padding-top: 5px;
}
@media (max-width: 920px){
  .pt5-responsive{
    padding-top: 0;
  }
}

table>tbody>tr.unused-row{
  background: #d3d3d3 !important;
  /*color: #fff !important;*/
}
table>tbody>tr.unused-row a{

    /*color: #fff;*/
}

table>tbody>tr.private-row{
  background: rgba(197, 255, 205, 0.4) !important;
}
table>tbody>tr.private-row.unused-row{
  background: rgb(46, 114, 51, 0.3) !important;
}
.topic-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.topic-list > .topic-list-item {
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  justyfy-content: flex-start;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.topic-list > .topic-list-item .topic-list-item-date {
  -webkit-flex-grow: 0;
  -moz-box-flex: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 6em;
  flex-basis: 6em;
}

.topic-list > .topic-list-item .topic-list-item-date > div {
  padding: 0.25em;
}

.topic-list > .topic-list-item .topic-list-item-title {
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto;
}

.topic-list > .topic-list-item .topic-list-item-title > div {
  padding: 0.25em;
}

.scroll-space {
  height: auto;
  max-height: 250px;
  overflow-y: scroll;
}

table.table > thead.row-layout > tr > td,table.table > thead.row-layout > tr > th{
  border: none;
  height: 0;
  padding: 0;
  visibility: hidden;
  transform: translate(-1px);
}
.bdt-0{
  border-top: 0;
}
.py-label{
  padding-top:0.3em;
  padding-bottom:0.3em;
}

.normal-flex{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
}
@media (max-width: 767px){
  .normal-flex{
    flex-wrap: wrap;
  }
}
.normal-flex-left {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 50%;
}
.normal-flex-right {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 50%;
}
.h100per-important{
  height: 100% !important;
}
.mh-500{
  max-height: 500px;
}
.scroll {
  overflow-y: scroll;
}