/*--------------------------------------------------------------
# Layout―Cloud-news
--------------------------------------------------------------*/

.layout_sub-contents img {
  max-width: 100%;
  height: auto;
}

/* ========= 全体レイアウト ========= */
.layout_sub-contents-body-inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 10px;
}

.layout_sub-contents-body-main {
  width: 78%;
  margin-top: 30px;
  float: left;
}

.layout_sub-contents-body-side {
  width: 18%;
  margin-top: 30px;
  float: right;
}

/* ========= メインコンテンツ ========= */
/* ===== 記事サマリー ===== */
.sub-contents-body-article-summary {
  /* ヘッダ */
  /* 記事サマリ */
  /* トップ */
}
.sub-contents-body-article-summary .sub-contents-body-article-summary-header-title {
  font-size: 150%;
  line-height: 1.2;
  color: #59A465;
  margin-top: 30px;
}
.sub-contents-body-article-summary .sub-contents-body-article-summary-item {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #A8AAAC;
}

.yarpp-related .sub-contents-body-article-summary .sub-contents-body-article-summary-item {
  padding-top: 20px;
  padding-bottom: 20px;
}


.sub-contents-body-article-summary .sub-contents-body-article-summary-header + .sub-contents-body-article-summary-item {
  padding-top: 20px;
}
.sub-contents-body-article-summary .layout-sub-contents-body-article-summary-item-img {
  float: left;
  width: 33.067%;
}
.sub-contents-body-article-summary .layout-sub-contents-body-article-summary-item-img .layout-sub-contents-body-article-summary-item-img-inner {
  display: table;
  width: 100%;
  border: 1px solid #A8AAAC;
  box-sizing: border-box;
  height: auto;
}
.sub-contents-body-article-summary .layout-sub-contents-body-article-summary-item-img a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 64.516%;
  position: relative;
}
.sub-contents-body-article-summary .layout-sub-contents-body-article-summary-item-img img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.sub-contents-body-article-summary .is_noimg .layout-sub-contents-body-article-summary-item-img .layout-sub-contents-body-article-summary-item-img-inner {
  border: none;
}
.sub-contents-body-article-summary .layout-sub-contents-body-article-summary-item-text {
  float: right;
  width: 64.266%;
  position: relative;
}
.sub-contents-body-article-summary .sub-contents-body-article-summary-category {
  font-size: 92.857%;
  line-height: 1.2;
}
.sub-contents-body-article-summary .sub-contents-body-article-summary-category a {
  background: linear-gradient(75deg, #58a466 0%, #82b440 100%);
  color: #fff;
  text-align: center;
  display: inline-block;
  line-height: 1;
  padding: 4px 16px;
  text-decoration: none;
}
.sub-contents-body-article-summary .sub-contents-body-article-summary-title {
  font-size: 142.857%;
  line-height: 1.4;
  margin: 10px 0 0;
}
.sub-contents-body-article-summary .sub-contents-body-article-summary-title a {
  color: #2C333D;
}
.sub-contents-body-article-summary .sub-contents-body-article-summary-tag {
  font-size: 85.714%;
  line-height: 1.2;
  position: relative;
  padding-left: 25px;
  margin-top: 10px;
}
.sub-contents-body-article-summary .sub-contents-body-article-summary-tag:before {
  content: url(../images/icon_tag.png);
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
}
.sub-contents-body-article-summary .sub-contents-body-article-summary-date {
  margin-top: 10px;
  font-size: 85.714%;
  line-height: 1.2;
  color: #959799;
}
.sub-contents-body-article-summary .sub-contents-body-article-summary-text {
  font-size: 92.857%;
  line-height: 1.5;
  margin: 15px 0 0;
}
.sub-contents-body-article-summary .sub-contents-body-article-summary-text + .sub-contents-body-article-summary-date {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0;
}
.sub-contents-body-article-summary.is_index {
  /* ヘッダ */
}
.sub-contents-body-article-summary.is_index .sub-contents-body-article-summary-header-title {
  font-size: 162.5%;
  margin-top: 0;
}

/* ===== 記事詳細 ===== */
.sub-contents-body-article-detail {
  padding-bottom: 60px;
  /* ヘッダ */
  /* 記事本文 */
  /* SNSボタン */
}
.sub-contents-body-article-detail .sub-contents-body-article-detail-header {
  border-bottom: 1px solid #A8AAAC;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.sub-contents-body-article-detail .sub-contents-body-article-detail-category {
  font-size: 92.857%;
  line-height: 1.2;
}
.sub-contents-body-article-detail .sub-contents-body-article-detail-category a {
  background: linear-gradient(75deg, #58a466 0%, #82b440 100%);
  color: #fff;
  text-align: center;
  display: inline-block;
  line-height: 1;
  padding: 4px 16px;
  text-decoration: none;
}
.sub-contents-body-article-detail .sub-contents-body-article-detail-title {
  font-size: 171.429%;
  line-height: 1.5;
  margin: 10px 0 0;
}
.sub-contents-body-article-detail .sub-contents-body-article-detail-title a{
  text-decoration: none;
  color: #2C333D;
}
.sub-contents-body-article-detail .sub-contents-body-article-detail-tag {
  font-size: 85.714%;
  line-height: 1.2;
  position: relative;
  padding-left: 25px;
  margin-top: 10px;
  float: left;
}
.sub-contents-body-article-detail .sub-contents-body-article-detail-tag:before {
  content: url(../images/icon_tag.png);
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
}
.sub-contents-body-article-detail .sub-contents-body-article-detail-date {
  float: right;
  margin-top: 10px;
  font-size: 85.714%;
  line-height: 1.2;
  color: #959799;
}
.sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body h2 {
  margin-top: 50px;
  font-size: 150%;
  line-height: 1.2;
  color: #58A466;
  border-top: 1px solid #67AA59;
  border-bottom: 1px solid #67AA59;
  padding: 15px 0 15px 3px;
}
.sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body h3 {
  margin-top: 40px;
  font-size: 128.571%;
  line-height: 1;
  border-left: 3px solid #549E64;
  padding: 8px 0 8px 10px;
}
.sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body p {
  margin-top: 20px;
}
.sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body img.alignleft {
  text-align: left;
  margin: 10px 0;
}
.sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body img.aligncenter {
  display: block;
  margin: 30px auto;
}
.sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body img.alignright {
  display: block;
  margin: 30px 1px 30px auto;
}
.sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body table {
  width: 100%;
  margin-top: 20px;
  border-collapse: collapse;
}
.sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body th, .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body td {
  border: 1px solid #D1D1D1;
  padding: 10px 20px;
  font-weight: normal;
  vertical-align: top;
  font-size: 92.857%;
  line-height: 1.2;
}
.sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body th {
  background-color: #E8E8E8;
}
.sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body ol, .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body ul {
  border: 1px solid #D1D1D1;
  border-top: none;
  margin-top: 20px;
  counter-reset: olnumber;
}
.sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body ol li, .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body ul li {
  border-top: 1px solid #D1D1D1;
  font-size: 92.857%;
  line-height: 1.2;
  padding: 13px 20px;
}
.sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body ol > li {
  position: relative;
  padding-left: 62px;
}
.sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body ol > li:before {
  counter-increment: olnumber;
  content: counter(olnumber);
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 100%;
  background-color: #E8E8E8;
  text-align: center;
  box-sizing: border-box;
  padding-top: 1em;
}
.sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body pre {
  border: 1px solid #A8AAAC;
  margin-top: 20px;
  font-size: 92.857%;
  line-height: 1.5;
  padding: 13px 20px;
  white-space: -moz-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;

}
.sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body .syntaxhighlighter {
  border: 1px solid #e4e4e4;
  background: #f8f8f8;
  border-radius: 5px;
  padding: 5px 0;
}

.sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body .syntaxhighlighter td.gutter{
  background: #f0f0f0;
  color: #808080;
  padding: 0;
}
.sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body .syntaxhighlighter a{
  color: #ff2b88;
}

.sub-contents-body-article-detail .sub-contents-body-article-detail-SNS {
  margin-top: 53px;
  padding: 20px 0;
  border-bottom: 1px solid #A8AAAC;
}
.no-ornament ul,.no-ornament ol,.no-ornament li,.no-ornament li:before {
  border: none!important;
  background: none!important;
  font-size: 100%!important;
}

.no-ornament ul {
  margin-top: 0px!important;
}
.no-ornament li {
  list-style: inside disc!important;
  margin-top: 0px!important;
}

.no-ornament ol li {
  list-style-type: none!important;
  padding: 14px 0px 0px 40px!important;
}

.no-ornament ol {
  margin-top: 0px!important;
}

/* ===== ページネーション ===== */
.sub-contents-body-pagination {
  text-align: center;
  font-size: 0;
  padding-top: 45px;
}
.sub-contents-body-pagination li, .sub-contents-body-pagination a, .sub-contents-body-pagination b {
  display: inline-block;
  color: #3F3E43;
  text-decoration: none;
}
.sub-contents-body-pagination a, .sub-contents-body-pagination b {
  display: inline-block;
  font-size: 14px;
  width: 40px;
  line-height: 2.8;
  border: 1px solid #A8AAAC;
  vertical-align: middle;
  margin: 0 2px;
}
.sub-contents-body-pagination a:hover {
  background-color: #A8AAAC;
  color: #fff;
}
.sub-contents-body-pagination a:hover.sub-contents-body-pagination-prev:before, .sub-contents-body-pagination a:hover.sub-contents-body-pagination-prev:after, .sub-contents-body-pagination a:hover.sub-contents-body-pagination-next:before, .sub-contents-body-pagination a:hover.sub-contents-body-pagination-next:after {
  border-color: #fff;
}
.sub-contents-body-pagination b {
  background-color: #A8AAAC;
  color: #fff;
  font-weight: normal;
}
.sub-contents-body-pagination .sub-contents-body-pagination-prev {
  margin-right: 9px;
  position: relative;
}
.sub-contents-body-pagination .sub-contents-body-pagination-prev:before {
  content: "";
  position: absolute;
  right: 27%;
  top: 55%;
  margin-top: -6px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-bottom: 2px solid #1E1E1E;
  border-left: 2px solid #1E1E1E;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform-origin: 50% 50% 0;
  -webkit-transform-origin: 50% 50% 0;
  -moz-transform-origin: 50% 50% 0;
}
.sub-contents-body-pagination .sub-contents-body-pagination-prev:after {
  content: "";
  position: absolute;
  right: 42%;
  top: 55%;
  margin-top: -6px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-bottom: 2px solid #1E1E1E;
  border-left: 2px solid #1E1E1E;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform-origin: 50% 50% 0;
  -webkit-transform-origin: 50% 50% 0;
  -moz-transform-origin: 50% 50% 0;
}
.sub-contents-body-pagination .sub-contents-body-pagination-next {
  margin-left: 9px;
  position: relative;
}
.sub-contents-body-pagination .sub-contents-body-pagination-next:before {
  content: "";
  position: absolute;
  left: 27%;
  top: 53%;
  margin-top: -6px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #1E1E1E;
  border-right: 2px solid #1E1E1E;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform-origin: 50% 50% 0;
  -webkit-transform-origin: 50% 50% 0;
  -moz-transform-origin: 50% 50% 0;
}
.sub-contents-body-pagination .sub-contents-body-pagination-next:after {
  content: "";
  position: absolute;
  left: 42%;
  top: 53%;
  margin-top: -6px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #1E1E1E;
  border-right: 2px solid #1E1E1E;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform-origin: 50% 50% 0;
  -webkit-transform-origin: 50% 50% 0;
  -moz-transform-origin: 50% 50% 0;
}

/* ========= サイドバー ========= */
.sub-contents-body-side-navi {
  margin-top: 26px;
  /* 見出し */
  /* 本体 */
  /* キーワードから検索 */
  /* ドキュメント一覧 */
}
.sub-contents-body-side-navi:first-child {
  margin-top: 0;
}
.sub-contents-body-side-navi .sub-contents-body-side-navi-title {
  padding: 13px 10px;
  text-align: center;
  text-shadow: 2px 2px 0 #579E64;
  font-weight: normal;
  color: #fff;
  background: #58a466;
  background: -webkit-linear-gradient(top, #7db564 0%, #65ab72 100%);
  background: linear-gradient(to top, #7db564 0%, #65ab72 100%);
}
.sub-contents-body-side-navi .layout-sub-contents-body-side-navi-body {
  border: 1px solid #A8AAAC;
  border-top: none;
}
.sub-contents-body-side-navi a {
  display: table;
  width: 100%;
  border-top: 1px solid #A8AAAC;
  position: relative;
}
.sub-contents-body-side-navi a:hover {
  text-decoration: none;
  background-color: #F0F7EC;
}
.sub-contents-body-side-navi li:first-child a {
  border-top: none;
}
.sub-contents-body-side-navi span {
  display: table-cell;
  height: 45px;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 85.714%;
  line-height: 1.4;
  padding: 5px 20px 5px 9px;
  color: #2C333D;
}
.sub-contents-body-side-navi.sub-contents-body-side-navi-search .layout-sub-contents-body-side-navi-body {
  padding: 19px 12px;
}
.sub-contents-body-side-navi.sub-contents-body-side-navi-search input {
  vertical-align: middle;
  box-sizing: border-box;
  width: calc(100% - 40px);
  padding-top: 0;
  padding-bottom: 0;
  border: 1px solid #838587;
  font-size: 85.714%;
  line-height: 2;
  background: none;
  border-radius: 0;
  -webkit-appearance: none;
}
.sub-contents-body-side-navi.sub-contents-body-side-navi-search button {
  vertical-align: middle;
  background: #838587;
  border: none;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.sub-contents-body-side-navi.sub-contents-body-side-navi-doc .layout-sub-contents-body-side-navi-body {
  border-color: #E8E8E8;
}
.sub-contents-body-side-navi.sub-contents-body-side-navi-doc .layout-sub-contents-body-side-navi-body > ul > li > a {
  background-color: #E8E8E8;
  border-top-color: #fff;
}
.sub-contents-body-side-navi.sub-contents-body-side-navi-doc .layout-sub-contents-body-side-navi-body > ul > li > a:after {
  content: "";
  position: absolute;
  right: 11px;
  top: 50%;
  margin-top: -6px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #1E1E1E;
  border-right: 2px solid #1E1E1E;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform-origin: 50% 50% 0;
  -webkit-transform-origin: 50% 50% 0;
  -moz-transform-origin: 50% 50% 0;
}
.sub-contents-body-side-navi.sub-contents-body-side-navi-doc .layout-sub-contents-body-side-navi-body > ul > li > a:hover {
  background-color: #F0F0F0;
}
.sub-contents-body-side-navi.sub-contents-body-side-navi-doc .layout-sub-contents-body-side-navi-body > ul > li > ul > li > a > span {
  height: 34px;
}

.sub-contents-body-side-widget form{
  border: 1px solid #A8AAAC;
}

.sub-contents-body-side-widget ul{
  border: 1px solid #A8AAAC;
  border-top: none;
}

.sub-contents-body-side-widget li {
  width: 100%;
}


.sub-contents-body-side-widget ul.children{
  border: none;
  border-top: 1px solid #A8AAAC;
}

.sub-contents-body-side-widget li a{
  display: block;
  width: 100%;
  border-top: 1px solid #A8AAAC;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 85.714%;
  line-height: 1.4;
  padding: 15px 20px 15px 9px;
  color: #2C333D;
  background-color: #F0F0F0;
}

.sub-contents-body-side-widget li a:hover{
  text-decoration: none;
  background-color: #F0F7EC;
}

.sub-contents-body-side-widget .screen-reader-text{
  display: none;
}

.sub-contents-body-side-widget input.search-field{
  margin: 10px 5%;
  padding-left: 6px;
  width: 90%;
  border: 1px solid #838587;
  line-height: 2;
}
.sub-contents-body-side-widget input.search-submit{
  width: 40%;
  margin: 0 30% 10px 30%;
  font-size: 18px;
}

.sub-contents-body-side-widget li a{
  background-color: #F0F0F0;
}

.sub-contents-body-side-widget .page_item_has_children .children a{
  background-color: #ffffff;
}

/* ========= ボトムコンテンツ ========= */
.layout_sub-contents-body-bottom {
  margin-top: 40px;
  border-top: 1px solid #C8D8E3;
}
.layout_sub-contents-body-bottom ul {
  max-width: 960px;
  margin: 40px auto;
  padding: 0 10px;
}
.layout_sub-contents-body-bottom li {
  float: left;
  box-sizing: border-box;
  width: 25%;
  padding: 0 21px;
  border-right: 1px solid #A3A3A3;
  text-align: center;
}
.layout_sub-contents-body-bottom li:first-child {
  border-left: 1px solid #A3A3A3;
}
.layout_sub-contents-body-bottom a {
  color: #2E343D;
  display: block;
  text-decoration: none;
}
.layout_sub-contents-body-bottom a:hover {
  opacity: 0.6;
}
.layout_sub-contents-body-bottom dt {
  font-size: 114.286%;
  color: #6FAC42;
}
.layout_sub-contents-body-bottom dt img {
  margin-bottom: 10px;
}
.layout_sub-contents-body-bottom dd {
  text-align: left;
  font-size: 92.857%;
  margin-top: 10px;
}

.entry-content img{
  max-width: 600px;
}

select[name="archive-dropdown"] {
  margin: 15px 0;
  border: 1px solid #838587;
  font-size: 12px;
  line-height: 3;
  height: 30px;
  width: 100%;
}

/*--------------------------------------------------------------
## SNS
--------------------------------------------------------------*/

#sns-buttons {
  text-align: center;
  margin: auto;
}

#sns-buttons ul{
  display: inline;
}


#sns-buttons li{
  vertical-align: top;
  display: inline-block;
}

/* 959px以下の指定 */
@media screen and (max-width: 959px) {
  .layout_sub-contents-body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 40px 0 0;
  }
  .layout_sub-contents-body-main {
    width: 75%;
    margin-top: 0;
  }
  .layout_sub-contents-body-side {
    width: 20%;
  }
}

/*--------------------------------------------------------------
## Mobile
--------------------------------------------------------------*/

@media only screen and (max-width: 779px) {
  img {
    max-width: 100%;
    height: auto;
  }

  /* ========= 全体レイアウト ========= */
  .layout_sub-contents-body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
  }

  /* ----------------
   SUB CONTENTS AREA
  ---------------- */
  .layout_sub-contents-body-main {
    width: 100%;
    box-sizing: border-box;
    float: none;
    margin-top: 20px;
    }

    .layout_sub-contents-body-side {
      width: 100%;
      margin-top: 30px;
      float: none;
    }

  /* ========= メインコンテンツ ========= */
  /* ===== 記事サマリー ===== */
  .sub-contents-body-article-summary {
    /* ヘッダ */
    /* 記事サマリ */
    /* トップ */
  }

  .sub-contents-body-article-summary .sub-contents-body-article-summary-header-title {
    font-size: 114.285%;
    text-align: center;
  }
  .sub-contents-body-article-summary .sub-contents-body-article-summary-item {
    padding: 15px 10px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .sub-contents-body-article-summary .sub-contents-body-article-summary-header + .sub-contents-body-article-summary-item {
    padding-top: 5px;
  }
  .sub-contents-body-article-summary .layout-sub-contents-body-article-summary-item-img {
    width: 33.816%;
  }
  .sub-contents-body-article-summary .layout-sub-contents-body-article-summary-item-text {
    width: 61.594%;
  }
  .sub-contents-body-article-summary .sub-contents-body-article-summary-category {
    font-size: 78.571%;
  }
  .sub-contents-body-article-summary .sub-contents-body-article-summary-category a {
    line-height: 1;
    padding: 4px 16px;
  }
  .sub-contents-body-article-summary .sub-contents-body-article-summary-title {
    font-size: 100%;
    line-height: 1.5;
    margin: 5px 0 0;
  }
  .sub-contents-body-article-summary .sub-contents-body-article-summary-tag {
    display: none;
  }
  .sub-contents-body-article-summary .sub-contents-body-article-summary-date {
    margin-top: 5px;
    text-align: right;
  }
  .sub-contents-body-article-summary .sub-contents-body-article-summary-text {
    display: none;
  }
  .sub-contents-body-article-summary .sub-contents-body-article-summary-text + .sub-contents-body-article-summary-date {
    position: static;
    margin-top: 5px;
  }
  .sub-contents-body-article-summary.is_index {
    /* ヘッダ */
    /* 記事サマリ */
  }
  .sub-contents-body-article-summary.is_index .sub-contents-body-article-summary-header-title {
    font-size: 114.286%;
    margin-top: 15px;
    padding-bottom: 0;
  }
  .sub-contents-body-article-summary.is_index .sub-contents-body-article-summary-item {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  /* ===== 記事詳細 ===== */
  .sub-contents-body-article-detail {
    padding-bottom: 10px;
    /* ヘッダ */
    /* 記事本文 */
    /* SNSボタン */
  }
  .sub-contents-body-article-detail .sub-contents-body-article-detail-header {
    padding-bottom: 15px;
    margin-bottom: 25px;
  }
  .sub-contents-body-article-detail .sub-contents-body-article-detail-category {
    font-size: 78.571%;
  }
  .sub-contents-body-article-detail .sub-contents-body-article-detail-category a {
    line-height: 1;
    padding: 4px 16px;
  }
  .sub-contents-body-article-detail .sub-contents-body-article-detail-title {
    font-size: 128.571%;
    line-height: 1.4;
  }
  .sub-contents-body-article-detail .sub-contents-body-article-detail-tag {
    font-size: 92.857%;
    line-height: 1.2;
    float: none;
  }
  .sub-contents-body-article-detail .sub-contents-body-article-detail-date {
    float: none;
  }
  .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body h2 {
    margin-top: 25px;
    font-size: 128.571%;
    padding: 6px 0 6px 3px;
  }
  .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body h3 {
    margin-top: 20px;
    font-size: 128.571%;
    line-height: 1;
    border-left: 3px solid #549E64;
    padding: 8px 0 2px 3px;
  }
  .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body p {
    margin-top: 10px;
  }
  .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body img.alignleft {
    margin: 5px 0;
  }
  .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body img.aligncenter {
    margin: 15px auto;
  }
  .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body img.alignright {
    margin: 15px 1px 15px auto;
  }
  .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body table {
    margin-top: 10px;
  }
  .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body th, .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body td {
    border: 1px solid #D1D1D1;
    padding: 7px 10px;
    font-weight: normal;
    vertical-align: top;
    font-size: 92.857%;
    line-height: 1.2;
  }
  .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body th {
    background-color: #E8E8E8;
    padding: 3px 10px;
  }
  .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body ol, .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body ul {
    border: 1px solid #D1D1D1;
    border-top: none;
    margin-top: 10px;
    counter-reset: olnumber;
  }
  .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body ol li, .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body ul li {
    border-top: 1px solid #D1D1D1;
    font-size: 92.857%;
    line-height: 1.2;
    padding: 7px 10px;
  }
  .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body ol > li {
    position: relative;
    padding-left: 48px;
  }
  .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body ol > li:before {
    counter-increment: olnumber;
    content: counter(olnumber);
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 100%;
    background-color: #E8E8E8;
    text-align: center;
    box-sizing: border-box;
    padding-top: 0.5em;
  }
  .sub-contents-body-article-detail .layout-sub-contents-body-article-detail-body pre {
    border: 1px solid #A1A1A1;
    margin-top: 10px;
    font-size: 92.857%;
    line-height: 1.2;
    padding: 7px 10px;
  }
  .sub-contents-body-article-detail .sub-contents-body-article-detail-SNS {
    margin-top: 40px;
  }

  /* ===== ページネーション ===== */
  .sub-contents-body-pagination {
    padding-top: 30px;
  }
  .sub-contents-body-pagination a, .sub-contents-body-pagination b {
    width: 32px;
    line-height: 2.5;
    border: 1px solid #A1A1A1;
    vertical-align: middle;
    margin: 0 5px;
  }
  .sub-contents-body-pagination .sub-contents-body-pagination-prev {
    margin-right: 15px;
  }
  .sub-contents-body-pagination .sub-contents-body-pagination-prev:before {
    right: 25%;
    top: 55%;
    margin-top: -6px;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #1E1E1E;
    border-left: 2px solid #1E1E1E;
  }
  .sub-contents-body-pagination .sub-contents-body-pagination-prev:after {
    right: 42%;
    top: 55%;
    margin-top: -6px;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #1E1E1E;
    border-left: 2px solid #1E1E1E;
  }
  .sub-contents-body-pagination .sub-contents-body-pagination-next {
    margin-left: 15px;
  }
  .sub-contents-body-pagination .sub-contents-body-pagination-next:before {
    left: 25%;
    top: 53%;
    margin-top: -6px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #1E1E1E;
    border-right: 2px solid #1E1E1E;
  }
  .sub-contents-body-pagination .sub-contents-body-pagination-next:after {
    left: 42%;
    top: 53%;
    margin-top: -6px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #1E1E1E;
    border-right: 2px solid #1E1E1E;
  }

  .entry-content img{
    max-width: 100%;
  }

  /* ========= サイドバー ========= */
  .sub-contents-body-side-navi {
    margin-bottom: 0;
    margin-top: 15px;
    margin-bottom: 20px;
    /* 見出し */
    /* 本体 */
    /* キーワードから検索 */
    /* ドキュメント一覧 */
    /* 関連リンク */
  }
  .sub-contents-body-side-navi:first-child {
    margin-top: 15px;
  }
  .sub-contents-body-side-navi .sub-contents-body-side-navi-title {
    border: 1px solid #818383;
    padding: 13px 11px;
    text-align: left;
    text-shadow: none;
    font-weight: normal;
    color: #579E64;
    background: transparent;
    position: relative;
  }
  .sub-contents-body-side-navi .sub-contents-body-side-navi-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 40px;
  }
  .sub-contents-body-side-navi .sub-contents-body-side-navi-btn:after {
    content: "";
    position: absolute;
    right: 11px;
    top: 50%;
    margin-top: -6px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #515963;
    border-right: 2px solid #515963;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform-origin: 50% 50% 0;
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
  }
  .sub-contents-body-side-navi .sub-contents-body-side-navi-btn.is_open:after {
    margin-top: -3px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    transform-origin: 50% 50% 0;
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
  }
  .sub-contents-body-side-navi .layout-sub-contents-body-side-navi-body {
    border: 1px solid #A1A1A1;
    border-top: none;
  }
  .sub-contents-body-side-navi a {
    display: table;
    width: 100%;
    border-top: 1px solid #A1A1A1;
    position: relative;
    background-color: #F0F0F0;
  }
  .sub-contents-body-side-navi a:after {
    content: "";
    position: absolute;
    right: 11px;
    top: 50%;
    margin-top: -4px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #8F8F90;
    border-right: 2px solid #8F8F90;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform-origin: 50% 50% 0;
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
  }
  .sub-contents-body-side-navi li:first-child a {
    border-top: 1px solid #A1A1A1;
  }
  .sub-contents-body-side-widget li:first-child a {
    border-top: none;
  }
  .sub-contents-body-side-navi span {
    height: 35px;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 85.714%;
    line-height: 1.4;
    padding: 5px 20px 5px 9px;
    color: #2C59B8;
  }
  .sub-contents-body-side-navi.sub-contents-body-side-navi-search input {
    padding-left: 6px;
  }
  .sub-contents-body-side-navi.sub-contents-body-side-navi-doc .layout-sub-contents-body-side-navi-body {
    border-color: #A1A1A1;
    display: none;
  }
  .sub-contents-body-side-navi.sub-contents-body-side-navi-doc .layout-sub-contents-body-side-navi-body > ul > li:first-child > a {
    border-top: none;
  }
  .sub-contents-body-side-navi.sub-contents-body-side-navi-doc .layout-sub-contents-body-side-navi-body > ul > li > a {
    background-color: #F0F0F0;
    border-top-color: #A1A1A1;
  }
  .sub-contents-body-side-navi.sub-contents-body-side-navi-doc .layout-sub-contents-body-side-navi-body > ul > li > a:after {
    content: "";
    position: absolute;
    right: 11px;
    top: 50%;
    margin-top: -4px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #8F8F90;
    border-right: 2px solid #8F8F90;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform-origin: 50% 50% 0;
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
  }
  .sub-contents-body-side-navi.sub-contents-body-side-navi-doc .layout-sub-contents-body-side-navi-body > ul > li > a:hover {
    background-color: #F0F0F0;
  }
  .sub-contents-body-side-navi.sub-contents-body-side-navi-doc .layout-sub-contents-body-side-navi-body > ul > li > ul > li > a {
    background-color: #E1E1E1;
  }
  .sub-contents-body-side-navi.sub-contents-body-side-navi-related .layout-sub-contents-body-side-navi-body {
    display: none;
  }
  .sub-contents-body-side-navi.sub-contents-body-side-navi-related .layout-sub-contents-body-side-navi-body > ul > li:first-child > a {
    border-top: none;
  }
  .sub-contents-body-side-navi-widget ul{
    border-color: #A1A1A1;
    display: none;
  }
}