* {
  box-sizing: border-box;
}
html{
  font-size: 16px;
}
/* header  */
body {
  font-family: Verdana,Roboto,"Droid Sans","Hiragino Kaku Gothic ProN W3","Hiragino Kaku Gothic ProN",Meiryo, sans-serif;
  word-wrap : break-word !important;
  overflow-wrap : break-word !important;
  margin: 0px;
}
html,
body,
.main-content{
  height: 100%;
  position: relative;
}
.nd_content{
  min-height: 100vh;
  position: relative;
  padding-bottom: 55px;
  box-sizing: border-box;
  /* margin-top: 90px */
}
ul{
  padding: 0px;
  margin: 0px;
}
li{
  list-style: none;
}
header {
  padding: 0 15px;
}
.main-content {
  padding-top:75px
}
.main-content h1,
.main-content h2 {
  font-weight: 500;
  text-align: center;
}
.main-content h1 {
  margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
a {
  color: #428bca;
  text-decoration: underline;
  word-wrap: break-word!important;
}
/* ナビゲーション */
.extra-navi-container{
  display: flex;
  justify-content: center;
  position: fixed;
  top: 50px;
  background-color: #fff;
  z-index: 10;
  width: 100%;
  border-bottom: solid 1px #e0e0e0;
}
.extra-navi-container ul.extra-nav li a{
  font-size: .75rem;
  display: inline-block;
  color: #333;
  padding: 5px;
}
.extra-navi-container ul.extra-nav{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.extra-navi-container ul.extra-nav li:after {
  content: "|";
  display: inline-block;
  padding: 0 0.2em;
}
/* このサイトについて */
.about-site {
  text-align: right;
  font-size: .8rem;
}
.about-site span {
  color: #fff;
  background-color: #333;
  padding: 0rem .4em;
  border-radius: 50%;
}
.about-site a
.main-content .navi-link-container li a {
  color: #333;
}
.navi-link-container ul.extra-nav {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.navi-link-container ul.extra-nav li{
  font-size: .7rem;
}
.navi-link-container ul.extra-nav li:after {
  content: "|";
  display: inline-block;
  padding: 0 0.5em;
}
.main-content .about-site a,
.main-content .navi-link-container ul.extra-nav li a {
  color: #333;
}
footer p {
  padding: 5px 1em;
}
.footer{
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: .8rem;
}
.footer hr{
  margin-top: 0px;
  margin-bottom: 0px;
}
.copyright{
  margin: 0px;
}
hr {
  border: 0;
  border-top: 1px solid #eee;
}
.main-content h1{
  font-size: 1.9rem;
  margin-bottom: 1.75rem;
  margin-top: .5rem;
}
.container.about-site{
 margin-bottom: -1.5rem;
}
.about-browser li{
 margin-left: 1em;
}
.about-browser ul{
  margin-top: .5em;
}
.about-browser>li:first-of-type{
  margin-left: 0em;
  margin-bottom: .5em;
 }
 .about-browser>li:nth-of-type(2){
  margin-bottom: 1em;
 }
/* topコンテンツ */
.top-container{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.top_content{
  padding-top: 1rem;
  background-color: #fafbfc;
}

/* 大項目 */
.category-list ul{

  width: 100%;
  display: flex;
  padding: 0 1rem;
  justify-content: flex-start;
}
.category-list li {
  margin-right: 15px;
  border-radius: 6px 6px 0px 0px;
  margin-bottom: -1px;
  border: 1px transparent solid;
}
.category-button-list a{
  color: #333;
  opacity: 0.6;
  text-decoration: none;
  display: inline-block;
  display: flex;
  align-items: center;
  padding: 8px 20px;
}
.category-button-list a, .category-button-list a svg{
  transition: .2s opacity;
}
.category-button-list a:hover, .category-button-list a:hover svg{
  opacity: 1;
}
.category-list {
  border-bottom: 1px #b7b7b7 solid;
}
.category-list a svg {
    width: 1.25rem;
    margin-right: .5rem;
}
.category-list .select-category{
  background-color: #fff;
  border: 1px #B7B7B7 solid;
  border-bottom: solid 1px #fff;
}
.select-category a,.select-category a svg{
  opacity: 1;
}
/* 中項目 */
.category-item{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 10px;
  justify-content: space-between;
}
.category-item>div{
  margin-top: 20px;
}
.content-item {
  padding: 15px 25px 18px 25px;
}
.content-item li {
  list-style-position: inside;
  margin-top: 13px;
}
.list-tree-marker {
  padding-left: .7rem;
}
.list-tree-marker li {
  list-style-type: disc;
}
.list-tree-marker a{
  padding-left: 1.2rem;
}
/* 中項目ボックス */
.content-box {
  border: #B7B7B7 1px solid;
  border-radius: 6px;
}
.box-size-w{
  width: 100%;
}
.box-size-h {
  width: calc(50% - 10px);
  display: flex;
  flex-direction: column;
}
.box-size-h .content-item {
  flex-grow: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.content-sub-title {
  font-weight: bold;
}
.content-item ul{
  font-size: .95rem;
}
.list-wrap {
  display: flex;
  flex-wrap: wrap;
}
.list-wrap li{
  width: calc(50% - 10px);
}
.list-wrap li:nth-of-type(even){
  margin-left: 10px;
}
.box-size-w .list-wrap>li{
  max-width: 20%;
}
.box-size-w .list-wrap li:nth-of-type(even){
  margin-left: 0px;
}
.content-name{
  font-size: 1.5rem;
  font-weight: bold;
  background-color: #0071BC;
  color: #fff;
  border-radius: 6px 6px 0px 0px;
  padding: 7px 25px 6px 25px;
}
.content-explanation {
  color: #747474;
  font-size: .95rem;
}

.list-tree {
  display: flex;
}
.content-wrap .list-tree {
  flex-wrap: wrap;
}
.box-size-w .list-tree>ul{
  flex-shrink: 2;
  margin-right: 20px;
  margin-bottom: 30px;
  min-width: 4em;
}
.content-wrap .list-tree>ul{
  max-width: calc(25% - 20px);
  flex-basis: calc(25% - 20px);
}
.box-size-w .content-wrap .list-tree>ul:nth-of-type(5){
  margin-left: 0px;
}
.box-size-w .list-tree>ul:first-of-type{
  margin-left: 0px;
}
.list-tree-content li {
  width: auto;
  text-indent: -1em;
}
.category-title{
font-size: .9rem;
}

.category-title div{
  width: .5em;
  background-color: #0071BC;
  height: 1rem;
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
}
.list-tree-title{
  color: #333;
  font-size: .95rem;
}
.list-tree .list-tree-content {
  margin-left: 1em;
}
.list-wrap span,
.list-tree-title span {
  color: #747474;
  font-size: .7rem;
}
.list-tree-title li:before{
  content: "・";
  color: #747474;
}
.tree-explanation,
.list-explanation {
  display: block;
}
.list-explanation {
  margin-left: 1em;
}
.list-wrap .list-explanation {
  margin-left: 0em;
}
/* このサイトについて */
.about-title:first-of-type {
  padding-top: 70px;
}
.about-detail-list{
  list-style-position: outside;
}

.about-title {
  font-size: 1.7rem;
  border-bottom: #B7B7B7 1px solid;
  margin-bottom: 15px;
}
.about-detail,
.about-detail-list {
  font-size: 1rem;

}
.about-attention {
  font-size: 1.5rem;
  color: #0071BC;
  margin-top: 25px;
  margin-bottom: 15px;
}

.about-attention span{
  border-radius: 50%;
  color: #fff;
  background-color: #0071BC;
  padding: 0px .1em;
  margin-right: 5px;
}
.about-attention + ul {
  margin-left: 1em;
}
.about-detail-list {
  margin-bottom: 35px;
}
.about-detail-list:last-of-type{
  margin-bottom: 70px;

}
/* 上下間隔の狭いリスト */
.narrow-spacing li{
  margin-top: 3px;
}
/* パンくず */
.document-breadcrumb-trail ul{
  display: flex;
}
.document-breadcrumb-trail a{
  text-decoration: none;
  padding: 0px 10px;
  font-size: .8rem;
}
.document-breadcrumb-trail li:after{
  content: ">";
}
.document-breadcrumb-trail li:last-of-type:after{
  content: "";
}
/* 中項目テーブル */
.document-list-table{
  margin-bottom: 40px;
}
.document-list-table table{
  border-top: #cecece 1px solid;
  border-collapse: collapse;
  width: 100%;
}
.table-title {
  font-size: .78rem;
  color: #919191;
  text-align: center;
  font-weight: inherit;
}
.table-title th:first-of-type {
  text-align: left;
  padding-left: 10px;
}
.table-title th{
  padding: 5px 0px;
}
.document-list-table table tr:nth-of-type(even){
  background-color: #f5f5f5;
}
.document-list-table table td{
  padding: 15px 10px;
}
.document-title a{
  text-decoration: none;
  font-weight: bold;
}
.document-date{
  min-width: 120px;
}
.document-explanation,
.document-date,
.document-type,
.document-pdf {
  font-size: .84rem;
  color: #666;
  margin-top: 3px;
}
.document-date,
.document-type,
.document-pdf {
  text-align: center;
}
.l-word .list-wrap>li {
  max-width: 25%;
}
/* 旧ドキュメントサイトへ */
.old-site-link{
  text-align: right;
  margin-bottom: 20px;
  padding-right: 20px;
}
.old-site-link a{
  text-decoration: none;
}
.f-size .content-name {
  font-size: 1.34rem;
}
.three-column .list-tree>ul{
  max-width: calc(30% - 20px);
  flex-basis: calc(30% - 20px);
}
.no-title-list{
  margin-top: 2.5em;
}
/* header */
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after {
  clear: both;
}
.bs-docs-nav {
  background-color: #222;
  border-color: #222;
  height: 50px;
}

.navbar-inverse {
  background-image: -webkit-linear-gradient(top, #3c3c3c 0, #222 100%);
  background-image: -o-linear-gradient(top, #3c3c3c 0, #222 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3c3c3c), to(#222));
  background-image: linear-gradient(to bottom, #3c3c3c 0, #222 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-radius: 4px;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
  display: table-cell;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.input-group-btn>.btn {
    position: relative;
}
.navbar-header a{
  text-decoration: none;
}
.btn-default {
    background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#e0e0e0));
    background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    text-shadow: 0 1px 0 #fff;
    border-color: #ccc;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 1px rgba(0,0,0,0.075);
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
  text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 1px rgba(0,0,0,0.075);
}
.form-control {
  display: block;
  width: 100%;
  height: 30px;
  padding: 4px 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.btn-default {
  background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(#e0e0e0));
  background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  text-shadow: 0 1px 0 #fff;
  border-color: #ccc;
}
.input-group-addon, .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.navbar {
  position: relative;
  min-height: 50px;
  border: 1px solid transparent;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
.container {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  max-width: 950px;
  min-width: 650px;
  margin: auto;
  padding: 0px 10px;
}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
header h1 {
  margin: 0;
}
.menu-button {
  width: 50px;
  float: left;
  vertical-align: bottom;
  border-right: 1px solid #666;
  border-left: 1px solid #666;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important;
}
.menu-button button {
  font-size: 18px;
  font-size: 1.8rem;
  color: #FFF;
  line-height: 1;
  background: transparent;
  border: transparent;
  padding: 15px;
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.navbar-inverse .navbar-brand {
  color: #dcdcdc;
  font-weight: 500;
}
.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.1);
  margin-top: 10px;
  margin-bottom: 10px;
}
label[for="full-text-search"] {
  color: #999;
  font-weight: normal;
  float: left;
  line-height: 30px;
  margin-right: 10px;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.container{
  width: 100%;
}
.navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom {
  border-radius: 0;
}
.searchbutton-overlay .input-append label[for="full-text-search"] {
  float: left;
  line-height: 30px;
  margin-right: 10px;
}
.searchbutton-overlay .navbar-form {
  margin: 0;
  padding: 10px 25px;
}
@media (max-width: 1199px) and (min-width: 992px){
  .hidden-md {
      display: none !important;
  }
}
.glyphicon-search:before {
  content: "\e003";
}

@media (max-width: 768px){
  .navbar-form {
    margin: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #333333;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=180, strength=5, enabled=true);
    width: 100%;
  }
  .navbar {
    position: relative;
    min-height: 50px;
    border: none;
  }
}

@media (min-width: 768px){
  .navbar-fixed-top, .navbar-fixed-bottom {
    border-radius: 0;
  }
  .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}
.navbar-header {
  float: left;
}
.navbar-collapse.collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
  margin-left: -15px;
}
.navbar-right {
  float: right !important;
  margin-right: -15px;
}
  .navbar-form {
    width: auto;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
    width: auto;
  }

  .menu-button {
    display: table-cell;
    float: none;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
}
  .navbar-form .input-group>.form-control {
    width: 100%;
  }
    .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
      width: auto;
  }

  .navbar, .navbar-inverse, .navbar-fixed-top, .bs-docs-nav{
    position: fixed;
  }



}

.contents-library{
  margin-top: .95rem;
}

.contents-indent{
  text-indent: 1em
}