@charset "UTF-8";
/*
Theme Name: WING-AFFINGER5 Child
Template: affinger5
Version: 20210302
*/

body {
  font-family: 'Hiragino Maru Gothic ProN', 'Meiryo', "Noto Sans CJK JP", sans-serif;
}

.wf-active body {
  font-family: "Noto Sans CJK JP", "Noto Sans JP", "Source Sans Pro", "Ubuntu", sans-serif;
}

/*-- Noto sans JP　モバイルのみ無効化 --*/
@media screen and (min-width:960px) {
  .webfonts {
    font-family: "Noto sans JP", sans-serif !important;
  }
}

/* 以前のフォントにする場合はコメントアウトして下さい
* {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
}
*/
/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {


  /*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


  /*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print,
screen and (min-width: 960px) {


  /*-- ここまで --*/
}

/* 202106 動画の作り方ページ追加 */
.report-media .blue {
  color: #5a7a33;
}

.report-media .bg_blue {
  background-color: #5a7a33;
}

.report-media .bold {
  font-weight: bold;
}

.report-media .mainbox section {
  margin-bottom: 0;
  padding-bottom: 15px;
}

.report-media .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex_wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex_between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.report-media .notice {
  font-size: 13px !important;
  color: #565656;
}

.report-media .rm_section .h2 {
  /* background-color: #5a7a33; */
  /* color: #fff; */
  /* padding-left: 1em; */
  border: none;
}

.report-media .rm_section .h2:after {
  display: none;
}

.report-media .rm_section .h2 span {
  display: inline-block;
  font-size: 13px !important;
  margin-left: 1em;
}

.report-media .rm_cate_list {
  list-style: none !important;
  margin-right: 30px;
  margin-bottom: 0 !important;
}

.report-media .rm_lists .h2 {
  margin-bottom: 10px;
}

.report-media .rm_lists .sec {
  padding-top: 25px;
}

.report-media .rm_lists .rm_title {
  padding-left: 5px;
}

.report-media .rm_lists .rm_title:hover {
  cursor: pointer;
}

.report-media .rm_lists .rm_title .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  vertical-align: middle;
  margin-right: 10px;
}

.report-media .rm_lists .rm_title .icon:before {
  content: "";
  display: block;
  width: 20px;
  height: 4px;
  position: absolute;
  top: 8px;
  left: 0;
  background-color: #5a7a33;
}

.report-media .rm_lists .rm_title .icon:after {
  content: "";
  display: block;
  width: 4px;
  height: 20px;
  position: absolute;
  left: 8px;
  top: 0;
  background-color: #5a7a33;
  transition: .5s;
  opacity: 1;
}

.report-media .sec.open .rm_title .icon:after {
  opacity: 0;
  transform: rotate(90deg);
}

.report-media .rm_lists .rm_title p {
  display: inline-block;
  font-size: 20px !important;
  vertical-align: middle;
  margin-bottom: 0;
}

.report-media .slide_box {
  display: none;
}

.report-media .rm_lists .list {
  list-style-type: none !important;
  margin-bottom: 0 !important;
}

.report-media .rm_lists .list li {
  width: 48%;
}

.report-media .rm_lists .sec:not(#pre_operation) .list li {
  margin-bottom: 20px;
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;

}

.report-media .rm_lists .list li .ttl {
  margin-bottom: 5px;
  line-height: 1.4 !important;
}

.report-media .rm_lists .list li .ttl a {
  font-size: 15px;
  text-decoration: none;
}

.report-media .rm_lists .list li .ttl a:hover {
  font-size: 15px;
  text-decoration: underline;
}

.report-media .rm_lists .list li>a {
  margin-top: auto;
  width: 100%;
}

.report-media .rm_lists .list li .img {
  display: inline-block;
  position: relative;
  border: 1px solid #000;
  min-height: 0%;
  width: 100%;
  max-width: 300px;
  overflow: hidden;
}

.report-media .rm_lists .list li .img:before {
  content: "";
  display: block;
  padding-top: 56.4%;
  /* 高さを幅の67.5%に固定 */
  width: 100%;
  top: 0;
}

.report-media .rm_lists .list li .img:after {
  content: "";
  width: 48px;
  height: 35px;
  background: url(./images/rm_icon_play.svg) no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
}

.report-media .rm_lists .list li .img img {
  position: absolute;
  top: 50%;
  height: auto;
  transform: translateY(-50%);
  min-height: 0%
}

.report-media .rm_lists .list li .youtube-container {
  width: 100%;
  border: 1px solid #000;
}

.report-media .banners {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.report-media .banners a {
  display: block;
  margin: 10px auto 20px;
}

.report-media .banners a img {
  border: 1px solid #ccc;
}

@media only screen and (max-width: 960px) {
  .report-media .banners a {
    width: 100%;
    text-align: center;
  }
}

@media only screen and (max-width: 690px) {
  .report-media .rm_cate_list {
    margin-right: 0;
    padding-left: 20px;
  }

  .report-media .rm_lists .list li {
    width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  .report-media .flex {
    justify-content: space-around;
  }

  .report-media .rm_cate_list {
    padding: 5px 0 10px !important;
  }

  .report-media .rm_cate_list:first-child {
    margin-right: 4%;
  }
}

/* 202106 動画の作り方ページ追加 end */


/* 202102 singleページ ポップアップ */
.single-post.popup_on,
.page.popup_on {
  overflow: hidden;
}

.single-post .popup_outer,
.page .popup_outer {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, .5);
  opacity: 0;
  transform: scale(0);
  transition: opacity .5s;
  z-index: 2;
}

.single-post.popup_on .popup_outer,
.page.popup_on .popup_outer {
  display: block;
  opacity: 1;
  transform: scale(1);
}

.single-post.popup_on #popup,
.page.popup_on #popup {
  width: 80%;
  max-width: 500px;
  background: #fbecec;
  padding: 30px 20px 10px;
  position: relative;
  left: 0;
  right: 0;
  top: 55%;
  transform: translateY(-50%);
  margin: auto;
  height: auto;
  padding: 25px 3%;
}

.single-post.popup_on #popup .popup_title,
.page.popup_on #popup .popup_title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

.single-post.popup_on #popup .popup_link .img,
.page.popup_on #popup .popup_link .img {
  max-width: 200px;
  margin: 0 auto 20px;
}

.single-post.popup_on #popup .popup_link .txt,
.page.popup_on #popup .popup_link .txt {
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 20px;
}

.single-post.popup_on #popup .popup_link .txt span,
.page.popup_on #popup .popup_link .txt span {
  color: #e71f19;
  font-weight: bold;
}

.single-post.popup_on #popup .popup_btn a,
.page.popup_on #popup .popup_btn a {
  display: block;
  padding: 10px 0;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
}

.single-post.popup_on #popup .popup_btn a:first-child,
.page.popup_on #popup .popup_btn a:first-child {
  background: #2662ab;
  margin-bottom: 10px;
}

.single-post.popup_on #popup .popup_btn a:last-child,
.page.popup_on #popup .popup_btn a:last-child {
  background: #e71f19;
}

.single-post.popup_on #popup .popup_close,
.page.popup_on #popup .popup_close {
  display: inline-block;
  padding: 0px 8px;
  border: 1px solid #fff;
  color: #fff;
  position: absolute;
  right: 0;
  top: -45px;
  font-size: 20px;
}

.single-post.popup_on .popup_close:hover,
.page.popup_on .popup_close:hover {
  cursor: pointer;
}

@media only screen and (min-width: 600px) {

  .single-post.popup_on #popup .flex,
  .page.popup_on #popup .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .single-post.popup_on #popup .popup_link .img,
  .page.popup_on #popup .popup_link .img {
    width: 35%;
    min-width: 0%;
  }

  .single-post.popup_on #popup .popup_link .img img,
  .page.popup_on #popup .popup_link .img img {
    min-width: 0%;
  }

  .single-post.popup_on #popup .popup_link .txt,
  .page.popup_on #popup .popup_link .txt {
    width: 62%;
    font-size: 15px;
    line-height: 1.8;
  }

  .single-post.popup_on #popup .popup_btn a,
  .page.popup_on #popup .popup_btn a {
    width: 48.5%;
  }

  .single-post.popup_on #popup .popup_btn a:first-child,
  .page.popup_on #popup .popup_btn a:first-child {
    margin-bottom: 0;
  }

}

/* 202007 オリジナルカテゴリー検索（ウィジェット）Style */
.original_search_box {
  margin-bottom: 10px;
}

.original_search_box .parent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
}

.original_search_box .parent span {
  font-size: 25px;
  display: inline-block;
  width: 16px;
  text-align: center;
}

.original_search_box .parent span:hover {
  cursor: pointer;
}

.original_search_box ul {
  list-style: none;
  display: none;
}


/* 202003 google自動広告による空白(safariのみ)の非表示*/
.pedestal_container {
  display: none;
}

/* 202005 google自動広告による空白(safariのみ)の非表示*/
/* _::-webkit-full-page-media, _:future, :root .pedestal_container{
  display: none;
} */

/* 20190826 サイドバー最新記事 */
#side .custom_excerpt {
  font-size: 14px;
  padding-top: 3px;
}

/* 201904 mobileヘッダー */
.s-navi-right #st-mobile-logo {
  /* display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 0; */
}

.s-navi-right .trigger .logo_sub_title {
  display: inline-block;
  width: 75%;
  font-weight: normal;
  font-size: 11px;
  line-height: 1.5;
  order: 2;

  text-align: left;
}


/* 201904 h3->div変更 */
.home .kanren .div-h3 {
  margin: 0 0 3px;
  font-weight: bold;
}

.home dd .div-h3:not(.st-css-no2) {
  line-height: 20px;
}

.home dd .div-h3:not(.st-css-no2) a {
  color: #333;
  text-decoration: none;
  font-size: 18px;
  line-height: 26px;
}

.home dd .div-h3:not(.st-css-no2) a:hover {
  color: #333;
  opacity: .75;
}

.kanren .no-thumbitiran .div-h3 {
  margin-bottom: 0px;
  padding: 5px 0 0;
}

.kanren .no-thumbitiran .div-h3 a {
  font-weight: bold;
  text-decoration: none;
}

.kanren .no-thumbitiran .div-h3 a:hover {
  color: #1e73be;
  opacity: .75;
}

.kanren .kanren_excerpt {
  font-size: 16px;
}

@media only screen and (min-width: 600px) {
  .kanren .no-thumbitiran .div-h3:not(.st-css-no2) {
    line-height: 26px;
  }
}

/* 20181227 header変更 */
/*
div#headbox-bg {
  background: #f2f2f2;
}
div#st-menuwide{
  background: url(./images/bg.png) no-repeat ;
  background-position: center;
}

#st-menuwide .navout{
  display: flex;
}
#st-menubox a.logo {
max-width: 220px;
margin: 20px 3% 20px 1%;
}
img.fixedlogo{
  display: block;
}

nav.smanone{
  width: 76%;
  float: none;
  margin: 0;
}
header .smanone ul.menu{
  display: flex;
  align-items: baseline;
  justify-content: space-evenly;
}
header#st-headwide .smanone ul.menu>li:last-child,
header#st-headwide .smanone ul.menu li + li{
  border: none;
}
header#st-headwide .smanone ul.menu li{
  border: none;
  width: 14%;
}
header#st-headwide .smanone ul.menu li:nth-child(3){
  width: 17%;
}
header#st-headwide .smanone ul.menu li:nth-child(6),
header#st-headwide .smanone ul.menu li:nth-child(7){
  width: 12%;
}
header .smanone ul.menu li a{
  height: 110px;
}
ul.menu li a:before{
  content: "";
  display: block;
  margin-bottom: -20px;
}

ul.menu li.nav_utility a:before{
  content: url(./images/nav_utility.png);
}
ul.menu li.nav_internet a:before{
  content: url(./images/nav_internet.png);
}
ul.menu li.nav_document a:before{
  content: url(./images/nav_document.png);
}
ul.menu li.nav_music a:before{
  content: url(./images/nav_music.png);
}
ul.menu li.nav_security a:before{
  content: url(./images/nav_security.png);
}
ul.menu li.nav_plugin a:before{
  content: url(./images/nav_plugin.png);
}
ul.menu li.nav_application a:before{
  content: url(./images/nav_application.png);
}
.bar_search{
  background: #000;
}
*/

.bar_search .bar_inner {
  width: 100%;
  max-width: 1114px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
}

.bar_search .bar_text {
  color: #fff;
  font-size: 15px;
  padding: 0 1%;
}

form#searchform {
  border: none;
  display: flex;
  align-items: center;
}

.bar_search #search {
  max-width: 430px;
}

input#s {
  height: 25px;
  border-radius: 5px;
}

input#searchsubmit {
  position: static;
  width: 76px;
  height: auto;
}

div.headerAdArea {
  float: none;
  text-align: center;
}

@media only screen and (max-width: 959px) {
  ul.menu li a:before {
    display: none;
  }

  .acordion_tree ul.menu li a {
    display: flex;
  }

  ul.menu li a:after {
    content: "";
    display: inline-block;
    padding-left: 20px;
  }

  ul.menu li.nav_utility a:after {
    content: url(./images/nav_utility.png);
  }

  ul.menu li.nav_internet a:after {
    content: url(./images/nav_internet.png);
  }

  ul.menu li.nav_document a:after {
    content: url(./images/nav_document.png);
    padding-left: 5px;
  }

  ul.menu li.nav_music a:after {
    content: url(./images/nav_music.png);
  }

  ul.menu li.nav_security a:after {
    content: url(./images/nav_security.png);
  }

  ul.menu li.nav_plugin a:after {
    content: url(./images/nav_plugin.png);
  }

  ul.menu li.nav_application a:after {
    content: url(./images/nav_application.png);
  }

  .acordion_tree .st-ac-box {
    padding: 0;
  }

  .acordion_tree #search {
    background: #000;
    padding: 10px 5px;
    box-sizing: border-box;
  }
}

/* 20180905 追加 */
#content-w {
  padding-right: 2%;
  padding-left: 2%;
}

/* 20180827 追加 */
/* 記事一覧　区切り線表示 */
.kanren .no-thumbitiran {
  border-bottom: 1px dashed #c7c7c7;
}

#side aside .kanren .no-thumbitiran {
  padding-bottom: 20px;
}

.kanren .no-thumbitiran .kanren_excerpt {
  font-size: 14px;
}

/* サイド新着記事上部「ーーーー」非表示調整 */


/* 人気の記事　順位表示 */
#side aside ul.wpp-list li {
  padding-bottom: 10px;
}

/* ランキグページ */
ul.rank_list .ranking_li {
  padding: 20px 0;
  border-bottom: 1px dashed #c7c7c7;
  /*記事間の点線と色*/
  position: relative;
  /*相対位置*/
  list-style: none;
}

.post ul.rank_list .ranking_li:last-child {
  padding: 20px 0;
}

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

.ranking_li .wp-post-image {
  display: block;
  width: 314px;
  height: auto;
  margin: 20px auto;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
}

.ranking_li .rank {
  display: inline-block;
  margin-right: 15px;
}

.ranking_li .title {
  display: inline-block;
  font-size: 18px;
}

.ranking_li .ranking_icon {
  display: inline-block;
  width: 50px;
  height: auto;
}

ul.rank_list .ranking_li .excerpt {
  display: block;
  font-size: 15px;
}


/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {

  /* member追加 */
  .author .entry-title,
  .author .box {
    text-align: center;
  }

  .author img.avatar {
    margin: 10px auto;
  }

  .author .box p {
    margin-left: 0;
    width: 100%;
    text-align: left;
  }

  .author .list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
  }

  .author .list li {
    width: 24%;
    margin-right: 1%;
    margin-bottom: 20px;
  }





  header .descr.sitename-only,
  header .sitename.sitename-only {
    float: none;
    padding: 5px;
  }

  header .sitename a {
    width: auto;
  }

  .headerAdArea {
    display: none;
  }

  /*-- ここまで --*/
}

.home #side .ad .homead {
  display: none;
}

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 600px) {

  /* member追加 */
  .author .list {
    justify-content: space-between;
  }

  .author .list li {
    width: 49%;
    margin-right: 0;
  }

  .author .list li img {
    width: 100%;
  }
}

/*media Queries 1024px 縦向きの時
----------------------------------------------------*/
@media screen and (max-width: 1024px),
screen and (orientation: portrait) {}

@media screen and (max-width: 1024px),
screen and (orientation: landscape) {}

@media screen and (orientation: portrait) {

  /* 縦向きの場合のスタイル */
  .headerAdArea {
    display: none;
  }

  header .descr.sitename-only,
  header .sitename.sitename-only {
    float: none;
  }

  header .sitename a {
    width: auto;
  }
}

@media screen and (orientation: landscape) {

  /* 横向きの場合のスタイル */
  .headerAdArea {
    float: right;
  }

  header .descr.sitename-only,
  header .sitename.sitename-only {
    float: left;
  }

  header .sitename a {
    width: 220px;
  }
}

#mybox {
  padding: 10px 0 !important;
}

@media only screen and (min-width: 960px) {
  main {
    padding: 0 20px 30px !important;

  }
}

#st-menuwide #search {
  width: 300px;
  margin-top: 3px;
  float: left;
}

nav.smanone {
  float: left;
}

.myfixed nav.smanone {
  margin-top: 7px;
}

#st-menuwide .navout {
  max-width: 1114px;
  margin: auto;
}

#st-menuwide .navout::after {
  content: "";
  display: block;
  clear: both;
}

#st-menubox a.logo {}

.myfixed #st-menubox a.logo {
  display: block;
  float: left;
  width: 135px;
  margin: 5px 0;

}

.myfixed #st-menubox a.logo .fixedlogo {
  width: 100%;
}

@media print,
screen and (min-width: 960px) {
  header .myfixed .smanone ul.menu li {
    margin-top: 5px;

  }
}

.myfixed #st-menuwide #search {
  margin-top: 10px;
}


@media only screen and (max-width: 768px) {
  /*	#st-menubox.myfixed{
		display: none;
	}*/
}

.ad>* {
  margin-bottom: 0;
}

#mybox {
  padding: 0 !important;
}


@media screen and (max-width: 1024px),
screen and (orientation: landscape) {
  /* 1024px以下+横向きの場合のスタイル */

}

@media screen and (max-width: 1024px),
screen and (orientation: portrait) {

  /* 1024px以下+縦向きの場合のスタイル */
  #st-menuwide #search {
    width: 220px;
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  #st-menuwide #search {
    display: none;
  }
}

aside .kanren {
  padding-top: 10px;
  margin-top: 0px;
}

.myfixed #st-menuwide {
  background-color: #000;
}

.myfixed #st-menuwide .navout {
  max-width: 1300px;
}

.fixedlogo {
  display: none;
}

.myfixed .fixedlogo {
  display: block;
}

.myfixed .nofixed {
  display: none;
}

@media screen and (min-width: 960px) {

  header .smanone ul.menu>li:last-child,
  header .smanone ul.menu li+li {
    border-left: 1px solid #ccc;
  }

  #st-menuwide #search input {
    border-radius: 20px;
    border: none;
  }

  #searchform {
    border: none;
  }
}

#mysticky-nav.wrapfixed {
  background-color: #000 !important;
}

@media only screen and (min-width: 960px) {
  .myfixed #st-menuwide {
    border-top-color: #000 !important;
    border-bottom-color: #000 !important;
    background: url(st-themecss-loader.php), linear-gradient(rgb(000, 000, 000) 0%, rgb(000, 000, 000) 100%) !important;
  }

  header.myfixed .smanone ul.menu li a,
  header.myfixed .smanone ul.menu li a:hover {
    color: #fff;

  }

  header.myfixed .smanone ul.menu li:hover {
    background: rgba(0, 0, 0, 1);
  }

}

.myfixed #headbox-bg {
  display: none;
}

#s-navi dl.acordion {
  top: 0 !important;
}

@media only screen and (max-width: 768px) {
  .myfixed #headbox-bg {
    display: block;
  }

  .myfixed #header-l {
    display: none;
  }

}

.myfixed #s-navi:after {
  content: "";
  display: block;
  clear: both;
  margin-bottom: 0 !important;
}

.s-navi-right .myfixed #s-navi dt.trigger {
  background-color: #000;
  background-image: url(images/logo_w.png);
  background-repeat: no-repeat;
  background-size: 18%;
  background-position: 5px;
}

.myfixed .trigger .op .fa:not(.fa-bars) {
  font-size: 23px;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .myfixed #gazou-wide {
    display: none;
  }
}

@media only screen and (max-width: 959px) and (min-width: 600px) {
  .myfixed #headbox {
    padding: 0 !important;

  }

  #side .kanren dd h5.kanren-t a {
    font-size: 15px !important;
    font-weight: normal;
    line-height: 24px !important;
  }

}

.postadarea {
  max-width: 692px;
  margin: auto !important;
}

.st-eyecatch-under {
  width: 380px;
  margin: auto;
  margin-bottom: 25px;
  display: none;
}

@media screen and (max-width: 1366px),
screen and (orientation: portrait) {

  /* 1366px以下+縦向きの場合のスタイル */
  .myfixed #st-menuwide #search {
    display: none;
  }
}

.myfixed h1#st-mobile-logo img {
  display: none !important;
}

.adarea {
  margin-bottom: 25px;
}

#social_box {
  background-color: #ffffff;
  border-radius: 5px;
  margin-left: 1130px;
  margin-bottom: 200px;
  padding: 10px 5px 0 5px;
  position: fixed;
  text-align: center;
  top: 170px;
  width: 80px;
  font-size: 12px;
  font-weight: bold;
  color: gray;
  box-shadow: 0 0 10px #757575;
}

#social_box li {
  list-style: none;
}

#social_box .txtmsg {}

#social_box .tw i,
#social_box .fb i,
#social_box .ins i {
  border-radius: 3px;
  color: #fff;
  font-size: 1.5em;
  margin-bottom: 8px;
  padding: 8px 0 7px 0;
  width: 60px;
}

#social_box .txtlbl {
  padding-bottom: 10px;
}

#social_box .tw i {
  background-color: #32bbef;
}

#social_box .fb i {
  background-color: #627bac;
}

#social_box .ins i {
  background-color: #e64980;

}

#social_box .page_top a {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #666;
  padding: 8px 12px 8px 11px;
}

#social_box .page_top {
  margin: 10px 0 20px 0;
  clear: both;

}

#social_box .page_top a i {
  font-size: 12px;
  padding-right: 3px;
}

@media screen and (max-width: 1366px) {
  #social_box {
    display: none;
  }

}

#f_social {
  text-align: center;
  padding: 0;
  margin: 10px 0;
}

#f_social li {
  list-style: none;
  display: inline-block;
  margin: 0 10px;
}

/* 20190507追加 */
.footer_outlink {
  color: #757575;
  font-size: 12px;
  margin: -15px auto 15px;
}

.footer_outlink .inline-block {
  display: inline-block;
}

/* 20190518追加（TOP) */
/*
.home .st-topcontent .ttl,
.home .new_ttl{
  background-color: #1e8ec8;
  color: #fff;
  padding-left: 1em;
  border: none;
}
.home .st-topcontent .ttl:after{
  background: none;
}
.home .st-topcontent ul.category_list{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.home .category_list li{
  width: 50%;
}
.home .category_list li img{
  border: 1px solid #202844;
  padding: 5px;
  margin-right: 1em;
  vertical-align: middle;
}

.home .details_box{
  display: flex;
  flex-wrap: wrap;
}
.home .details_box > div{
  width: 50%;
}
.home .details_box > div > img{
  margin: 0 1em 1em;
  vertical-align: middle;
}
.home .details_box > div > .title{
  vertical-align: middle;
  display: inline-block;
  line-height: 1.4 !important;
  margin-bottom: 5px;
}
.home .details_box > div > .title .ja{
  display: block;
}
.home .details_box > div > .title .en{
  color: #ddd;
  padding-left: 5px;
}

.home .exc{
  color: #616161;
  font-size: 15px;
}
.home .current_link{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
*/

/* sidebar ランキングページへのリンク */
#mybox .to_ranking {
  text-align: right;
}

/*YouTube最大値指定*/

.youtube {
  position: relative;
  width: 100%;
  max-width: 560px;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#stickyunit {
  position: fixed;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.widget-entry-card .card-thumb img,
.carousel-entry-card .card-thumb img {
  transform: none;
}



/* 201904 mobileヘッダー */
.s-navi-right #st-mobile-logo {
  /* display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 0; */
}

.s-navi-right .trigger .logo_sub_title {
  display: inline-block;
  width: 75%;
  font-weight: normal;
  font-size: 11px;
  line-height: 1.5;
  order: 2;

  text-align: left;
}


/* 201904 h3->div変更 */
/*
.home .kanren .div-h3{
  margin: 0 0 3px;
  font-weight: bold;
}
.home dd .div-h3:not(.st-css-no2){
  line-height: 20px;
}
.home dd .div-h3:not(.st-css-no2) a {
  color: #333;
  text-decoration: none;
  font-size: 18px;
  line-height: 26px;
}
.home dd .div-h3:not(.st-css-no2) a:hover {
  color: #333;
  opacity: .75;
}
*/

.kanren .no-thumbitiran .div-h3 {
  margin-bottom: 0px;
  padding: 5px 0 0;
}

.kanren .no-thumbitiran .div-h3 a {
  font-weight: bold;
  text-decoration: none;
}

.kanren .no-thumbitiran .div-h3 a:hover {
  color: #1e73be;
  opacity: .75;
}

@media only screen and (min-width: 600px) {
  .kanren .no-thumbitiran .div-h3:not(.st-css-no2) {
    line-height: 26px;
  }
}

/* 20181227 header変更 */
/*
div#headbox-bg {
  background: #f2f2f2;
}
div#st-menuwide{
  background: url(./images/bg.png) no-repeat ;
  background-position: center;
}

#st-menuwide .navout{
  display: flex;
}
#st-menubox a.logo {
max-width: 220px;
margin: 20px 3% 20px 1%;
}
img.fixedlogo{
  display: block;
}

nav.smanone{
  width: 76%;
  float: none;
  margin: 0;
}
header .smanone ul.menu{
  display: flex;
  align-items: baseline;
  justify-content: space-evenly;
}
header#st-headwide .smanone ul.menu>li:last-child,
header#st-headwide .smanone ul.menu li + li{
  border: none;
}
header#st-headwide .smanone ul.menu li{
  border: none;
  width: 14%;
}
header#st-headwide .smanone ul.menu li:nth-child(3){
  width: 17%;
}
header#st-headwide .smanone ul.menu li:nth-child(6),
header#st-headwide .smanone ul.menu li:nth-child(7){
  width: 12%;
}
header .smanone ul.menu li a{
  height: 110px;
}
ul.menu li a:before{
  content: "";
  display: block;
  margin-bottom: -20px;
}

ul.menu li.nav_utility a:before{
  content: url(./images/nav_utility.png);
}
ul.menu li.nav_internet a:before{
  content: url(./images/nav_internet.png);
}
ul.menu li.nav_document a:before{
  content: url(./images/nav_document.png);
}
ul.menu li.nav_music a:before{
  content: url(./images/nav_music.png);
}
ul.menu li.nav_security a:before{
  content: url(./images/nav_security.png);
}
ul.menu li.nav_plugin a:before{
  content: url(./images/nav_plugin.png);
}
ul.menu li.nav_application a:before{
  content: url(./images/nav_application.png);
}
.bar_search{
  background: #000;
}
.bar_search .bar_inner{
  width: 100%;
  max-width: 1114px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
}
.bar_search .bar_text{
  color: #fff;
  font-size: 15px;
  padding: 0 1%;
}
form#searchform{
  border: none;
  display: flex;
  align-items: center;
}
.bar_search #search{
  max-width: 430px;
}
*/
input#s {
  height: 25px;
  border-radius: 5px;
}

input#searchsubmit {
  position: static;
  width: 76px;
  height: auto;
}

div.headerAdArea {
  float: none;
  text-align: center;
}

@media only screen and (max-width: 959px) {
  ul.menu li a:before {
    display: none;
  }

  .acordion_tree ul.menu li a {
    display: flex;
  }

  ul.menu li a:after {
    content: "";
    display: inline-block;
    padding-left: 20px;
  }

  ul.menu li.nav_utility a:after {
    content: url(./images/nav_utility.png);
  }

  ul.menu li.nav_internet a:after {
    content: url(./images/nav_internet.png);
  }

  ul.menu li.nav_document a:after {
    content: url(./images/nav_document.png);
    padding-left: 5px;
  }

  ul.menu li.nav_music a:after {
    content: url(./images/nav_music.png);
  }

  ul.menu li.nav_security a:after {
    content: url(./images/nav_security.png);
  }

  ul.menu li.nav_plugin a:after {
    content: url(./images/nav_plugin.png);
  }

  ul.menu li.nav_application a:after {
    content: url(./images/nav_application.png);
  }

  .acordion_tree .st-ac-box {
    padding: 0;
  }

  .acordion_tree #search {
    background: #000;
    padding: 10px 5px;
    box-sizing: border-box;
  }
}

/* 20180827 追加 */
/* 記事一覧　区切り線表示 */

/* サイド新着記事上部「ーーーー」非表示調整 */
#side aside .kanren {
  padding-top: 30px;
}

#side aside .kanren .no-thumbitiran:first-child {
  margin-top: -20px;
}

#side .kanren dd h5.kanren-t a {
  font-size: 15px;
  font-weight: normal;
  line-height: 24px;
}

.post .kanren-t {
  margin-bottom: 5px;
}

.post .kanren-t a {
  font-size: 15px;
  line-height: 27px;
  color: #000;
  text-decoration: none;
  padding: 0;
  font-weight: bold;
}

#side .menu_underh2 {
  font-size: 16px;
  line-height: 1.5;
}

#side .ad .menu_underh2 {
  margin-top: 30px;
}

#side #search input[type="text"] {
  border: 2px solid rgb(242, 242, 242);
}

#side #search input[type="text"]::placeholder {
  color: #191970;
}

/* 20180830 追加 */
.original_cat_search li {
  border-bottom: 1px dashed #c7c7c7;
  margin-bottom: 20px;
}

.original_cat_search li .title {
  margin-bottom: 5px;
}

.original_cat_search .title img {
  vertical-align: middle;
  margin-right: 5px;
}

.original_cat_search .title a {
  vertical-align: middle;
}

.original_cat_search li .text {
  margin-bottom: 0;
  padding-bottom: 20px;
}

/* 20180902 */
.entry-content .link {
  border: 1px solid #ccc;
  padding: 1em;
}

/* 20180906 member追加 */
.single-post .original_member {
  color: #494949;
  background-color: #f2f2f2;
  padding-left: 5px;
}

.author img.avatar {
  display: inline-block;
  vertical-align: top;
}

.author .box p {
  display: inline-block;
  margin-left: 20px;
  width: 80%;
}

.author .list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.author .list li {
  width: 24%;
  margin-right: 1%;
  margin-bottom: 20px;
}

/* member 一覧 */
.page-template-page-member .writers {
  display: flex;
  flex-wrap: wrap;
}

.page-template-page-member .writers a {
  width: 25%;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
}

.page-template-page-member .writers figure {
  margin: 1em 0;
}

#side .kanren dd {
  padding-left: 0;
}

.home #side .kanren dd {
  padding-left: 115px;
}

#comments .h3 {
  color: #666;
  font-size: 1.17em;
  font-weight: bold;
}

/* アイキャッチ画像追加 */
.thumbnail_image_ad {
  margin: 20px auto 10px;
  text-align: center;
}

.responbox50.smart50 .lbox:first-of-type {
  float: none;
  width: calc(98% - 7px);
  padding-right: 0;
}

.responbox50.smart50 .lbox:nth-of-type(4),
.responbox50.smart50 .lbox:nth-of-type(5),
.responbox50.smart50 .lbox:nth-of-type(6),
.responbox50.smart50 .lbox:nth-of-type(7) {
  width: 25%;
}

.st-cardstyleb .kanren dt {

  height: 150px;
}

.responbox50.smart50 .lbox:nth-of-type(4) .st-cardstyleb .kanren dt,
.responbox50.smart50 .lbox:nth-of-type(5) .st-cardstyleb .kanren dt,
.responbox50.smart50 .lbox:nth-of-type(6) .st-cardstyleb .kanren dt,
.responbox50.smart50 .lbox:nth-of-type(7) .st-cardstyleb .kanren dt {
  height: 100px;
}

.responbox50.smart50 .lbox:nth-of-type(4) .st-cardstyleb .kanren .clearfix dd h5:not(.st-css-no2) a,
.responbox50.smart50 .lbox:nth-of-type(5) .st-cardstyleb .kanren .clearfix dd h5:not(.st-css-no2) a,
.responbox50.smart50 .lbox:nth-of-type(6) .st-cardstyleb .kanren .clearfix dd h5:not(.st-css-no2) a,
.responbox50.smart50 .lbox:nth-of-type(7) .st-cardstyleb .kanren .clearfix dd h5:not(.st-css-no2) a {
  font-size: 14px;
  line-height: 1.3;
}

.responbox50.smart50 .lbox:nth-of-type(4) .st-cardstyleb .kanren dd,
.responbox50.smart50 .lbox:nth-of-type(5) .st-cardstyleb .kanren dd,
.responbox50.smart50 .lbox:nth-of-type(6) .st-cardstyleb .kanren dd,
.responbox50.smart50 .lbox:nth-of-type(7) .st-cardstyleb .kanren dd {
  padding: 10px;
  height: 75px;
  overflow: hidden;
}

/*-- 人気記事デザイン --*/
ul.wpp-list li {
  border-bottom: 1px dashed #c7c7c7;
  /*記事間の点線と色*/
  position: relative;
  /*相対位置*/
}

ul.wpp-list li img {
  /*アイキャッチ画像*/
  margin: 10px 10px 10px 0px;
  /*画像の余白*/
  padding: 3px;
  /*画像の位置*/
}

ul.wpp-list li a.wpp-post-title {
  /*記事タイトル*/
  display: block;
  /*ブロック形式で表示*/
  font-size: 12px;
  padding: 12px 0;
  /*タイトル位置*/
  text-decoration: none;
  /*タイトルの下線なし*/
}

ul.wpp-list li a.wpp-post-title:hover {
  color: #4169e1;
  /*ホバー時のタイトル色*/
}


header .descr.sitename-only,
header .sitename.sitename-only {
  float: left;
  padding: 15px;
}

header .sitename a {
  width: 220px;
  display: block;
}

.headerAdArea {
  float: right;
  margin-top: 8px;
}

.st-eyecatch-under img {
  display: block;
  margin: auto;
}

/* 人気の記事　順位表示 */
.wpp-list li {
  position: relative;
}

.wpp-list li:before {
  content: "No.1 ";
  display: inline-block;
  margin-top: 5px;
}

.wpp-list li:nth-child(2):before {
  content: "No.2";
}

.wpp-list li:nth-child(3):before {
  content: "No.3";
}

.wpp-list li:nth-child(4):before {
  content: "No.4";
}

.wpp-list li:nth-child(5):before {
  content: "No.5";
}

.wpp-list li:nth-child(6):before {
  content: "No.6";
}

.wpp-list li:nth-child(7):before {
  content: "No.7";
}

.wpp-list li:nth-child(8):before {
  content: "No.8";
}

.wpp-list li:nth-child(9):before {
  content: "No.9";
}

.wpp-list li:nth-child(10):before {
  content: "No.10";
}

ul.wpp-list li a.wpp-post-title {
  padding-top: 0;
}

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {

  /* member追加 */
  .author .entry-title,
  .author .box {
    text-align: center;
  }

  .author img.avatar {
    margin: 10px auto;
  }

  .author .box p {
    margin-left: 0;
    width: 100%;
    text-align: left;
  }

  .author .list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
  }

  .author .list li {
    width: 24%;
    margin-right: 1%;
    margin-bottom: 20px;
  }





  header .descr.sitename-only,
  header .sitename.sitename-only {
    float: none;
    padding: 5px;
  }

  header .sitename a {
    width: auto;
  }

  .headerAdArea {
    display: none;
  }

  /*-- ここまで --*/
}

.home #side .ad .homead {
  display: none;
}

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 600px) {

  /* member追加 */
  .author .list {
    justify-content: space-between;
  }

  .author .list li {
    width: 49%;
    margin-right: 0;
  }

  .author .list li img {
    width: 100%;
  }
}

/*media Queries 1024px 縦向きの時
----------------------------------------------------*/
@media screen and (max-width: 1024px),
screen and (orientation: portrait) {}

@media screen and (max-width: 1024px),
screen and (orientation: landscape) {}

@media screen and (orientation: portrait) {

  /* 縦向きの場合のスタイル */
  .headerAdArea {
    display: none;
  }

  header .descr.sitename-only,
  header .sitename.sitename-only {
    float: none;
  }

  header .sitename a {
    width: auto;
  }
}

@media screen and (orientation: landscape) {

  /* 横向きの場合のスタイル */
  .headerAdArea {
    float: right;
  }

  header .descr.sitename-only,
  header .sitename.sitename-only {
    float: left;
  }

  header .sitename a {
    width: 220px;
  }
}

#mybox {
  padding: 10px 0 !important;
}

@media only screen and (min-width: 960px) {
  main {
    padding: 0 20px 30px !important;

  }
}

#st-menuwide #search {
  width: 300px;
  margin-top: 3px;
  float: left;
}

nav.smanone {
  float: left;
}

.myfixed nav.smanone {
  margin-top: 7px;
}

#st-menuwide .navout {
  max-width: 1114px;
  margin: auto;
}

#st-menuwide .navout::after {
  content: "";
  display: block;
  clear: both;
}

#st-menubox a.logo {}

.myfixed #st-menubox a.logo {
  display: block;
  float: left;
  width: 135px;
  margin: 5px 0;

}

.myfixed #st-menubox a.logo .fixedlogo {
  width: 100%;
}

@media print,
screen and (min-width: 960px) {
  header .myfixed .smanone ul.menu li {
    margin-top: 5px;

  }
}

.myfixed #st-menuwide #search {
  margin-top: 10px;
}


@media only screen and (max-width: 768px) {
  /*	#st-menubox.myfixed{
		display: none;
	}*/
}

.ad>* {
  margin-bottom: 0;
}

#mybox {
  padding: 0 !important;
}


@media screen and (max-width: 1024px),
screen and (orientation: landscape) {
  /* 1024px以下+横向きの場合のスタイル */

}

@media screen and (max-width: 1024px),
screen and (orientation: portrait) {

  /* 1024px以下+縦向きの場合のスタイル */
  #st-menuwide #search {
    width: 220px;
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  #st-menuwide #search {
    display: none;
  }
}

aside .kanren {
  padding-top: 10px;
  margin-top: 0px;
}

.myfixed #st-menuwide {
  background-color: #000;
}

.myfixed #st-menuwide .navout {
  max-width: 1300px;
}

.fixedlogo {
  display: none;
}

.myfixed .fixedlogo {
  display: block;
}

.myfixed .nofixed {
  display: none;
}

@media screen and (min-width: 960px) {

  header .smanone ul.menu>li:last-child,
  header .smanone ul.menu li+li {
    border-left: 1px solid #ccc;
  }

  #st-menuwide #search input {
    border-radius: 20px;
    border: none;
  }

  #searchform {
    border: none;
  }
}

#mysticky-nav.wrapfixed {
  background-color: #000 !important;
}

@media only screen and (min-width: 960px) {
  .myfixed #st-menuwide {
    border-top-color: #000 !important;
    border-bottom-color: #000 !important;
    background: url(st-themecss-loader.php), linear-gradient(rgb(000, 000, 000) 0%, rgb(000, 000, 000) 100%) !important;
  }

  header.myfixed .smanone ul.menu li a,
  header.myfixed .smanone ul.menu li a:hover {
    color: #fff;

  }

  header.myfixed .smanone ul.menu li:hover {
    background: rgba(0, 0, 0, 1);
  }

}

.myfixed #headbox-bg {
  display: none;
}

#s-navi dl.acordion {
  top: 0 !important;
}

@media only screen and (max-width: 768px) {
  .myfixed #headbox-bg {
    display: block;
  }

  .myfixed #header-l {
    display: none;
  }

}

.myfixed #s-navi:after {
  content: "";
  display: block;
  clear: both;
  margin-bottom: 0 !important;
}

.s-navi-right .myfixed #s-navi dt.trigger {
  background-color: #000;
  background-image: url(images/logo_w.png);
  background-repeat: no-repeat;
  background-size: 18%;
  background-position: 5px;
}

.myfixed .trigger .op .fa:not(.fa-bars) {
  font-size: 23px;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .myfixed #gazou-wide {
    display: none;
  }
}

@media only screen and (max-width: 959px) and (min-width: 600px) {
  .myfixed #headbox {
    padding: 0 !important;

  }

  #side .kanren dd h5.kanren-t a {
    font-size: 15px !important;
    font-weight: normal;
    line-height: 24px !important;
  }

}

.postadarea {
  max-width: 692px;
  margin: auto !important;
}

.st-eyecatch-under {
  width: 380px;
  margin: auto;
  margin-bottom: 25px;
  display: none;
}

@media screen and (max-width: 1366px),
screen and (orientation: portrait) {

  /* 1366px以下+縦向きの場合のスタイル */
  .myfixed #st-menuwide #search {
    display: none;
  }
}

.myfixed h1#st-mobile-logo img {
  display: none !important;
}

.adarea {
  margin-bottom: 25px;
}

#social_box {
  background-color: #ffffff;
  border-radius: 5px;
  margin-left: 1130px;
  margin-bottom: 200px;
  padding: 10px 5px 0 5px;
  position: fixed;
  text-align: center;
  top: 170px;
  width: 80px;
  font-size: 12px;
  font-weight: bold;
  color: gray;
  box-shadow: 0 0 10px #757575;
}

#social_box li {
  list-style: none;
}

#social_box .txtmsg {}

#social_box .tw i,
#social_box .fb i,
#social_box .ins i {
  border-radius: 3px;
  color: #fff;
  font-size: 1.5em;
  margin-bottom: 8px;
  padding: 8px 0 7px 0;
  width: 60px;
}

#social_box .txtlbl {
  padding-bottom: 10px;
}

#social_box .tw i {
  background-color: #32bbef;
}

#social_box .fb i {
  background-color: #627bac;
}

#social_box .ins i {
  background-color: #e64980;

}

#social_box .page_top a {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #666;
  padding: 8px 12px 8px 11px;
}

#social_box .page_top {
  margin: 10px 0 20px 0;
  clear: both;

}

#social_box .page_top a i {
  font-size: 12px;
  padding-right: 3px;
}

@media screen and (max-width: 1366px) {
  #social_box {
    display: none;
  }

}

#f_social {
  text-align: center;
  padding: 0;
  margin: 10px 0;
}

#f_social li {
  list-style: none;
  display: inline-block;
  margin: 0 10px;
}

/* 20190507追加 */
.footer_outlink {
  color: #757575;
  font-size: 12px;
  margin: -15px auto 15px;
}

.footer_outlink .inline-block {
  display: inline-block;
}

/* 20190518追加（TOP) */
/*
.home .st-topcontent .ttl,
.home .new_ttl{
  background-color: #1e8ec8;
  color: #fff;
  padding-left: 1em;
  border: none;
}
.home .st-topcontent .ttl:after{
  background: none;
}
.home .st-topcontent ul.category_list{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.home .category_list li{
  width: 50%;
}
.home .category_list li img{
  border: 1px solid #202844;
  padding: 5px;
  margin-right: 1em;
  vertical-align: middle;
}

.home .details_box{
  display: flex;
  flex-wrap: wrap;
}
.home .details_box > div{
  width: 50%;
}
.home .details_box > div > img{
  margin: 0 1em 1em;
  vertical-align: middle;
}
.home .details_box > div > .title{
  vertical-align: middle;
  display: inline-block;
  line-height: 1.4 !important;
  margin-bottom: 5px;
}
.home .details_box > div > .title .ja{
  display: block;
}
.home .details_box > div > .title .en{
  color: #ddd;
  padding-left: 5px;
}
*/

/* 20210617 headerリニューアル start */
body {
  font-size: 1rem;
}

/*　リンク設定　*/
* {
  /* 電話番号 */
  /* 選択色 */
}

* a {
  color: inherit;
  text-decoration: none;
  transition: all .2s ease;
}

* a:hover {
  opacity: 0.5;
}

* a[href^="tel"] {
  pointer-events: none;
}

* a:selection {
  background-color: #5C7C06;
  color: #fff;
}

.displaynone {
  display: none;
}

#header_anno {
  display: none;
}

header {
  width: 100%;
  /* background-size: cover; */
  background-color: #5C7C06;
  padding: 20px 0;
  /*サイトロゴ表示設定*/
}

header .box_cmn_width {
  width: 96%;
  max-width: 1114px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .h1 {
  width: 250px;
  height: 88px;
  text-indent: -9999px;
  /* background: url(./images/top_renewal/ttl_site.svg) no-repeat; */
  background: url(./images/top_renewal/logo.png) no-repeat;
  background-size: contain;
}

header .h1 a {
  display: block;
  width: 100%;
  padding: 20px 0;
}

header ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  /*ヘッダーのナビゲーション設定*/
}

header ul li {
  /*画像設定*/
  /*文字設定*/
}

header ul li img {
  display: block;
  width: 80px;
  margin: 0 auto 5px;
}

header ul li a {
  display: block;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  font-size: 0.8rem;
  margin: 0 15px 0 0;
}

header ul li:last-child a {
  margin-right: 0;
}

/*疑似要素画像共通設定*/
#site_ttl {
  max-width: 1100px;
  font-size: 16px;
  margin: 10px auto;
}

#site_ttl a {
  text-decoration: underline;
  color: #000;
  font-size: 1rem;
}

/* 検索窓のスタイリング設定*/
.bar_search {
  width: 100%;
  border-bottom: solid 2px #5C7C06;
  padding: 15px 0;
}

.bar_search .search_block {
  width: 96%;
  max-width: 1114px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

.bar_search .search_block p {
  font-size: 1rem;
  font-weight: bold;
  color: #5C7C06;
  margin-bottom: 0;
}

.bar_search .search_block p span {
  display: inline-block;
}


.bar_search .search_block input {
  vertical-align: middle;
}

.bar_search .search_block .search_placeholder {
  border: solid 2px #5C7C06;
  border-radius: 10px;
  width: 400px !important;
  padding: 8px !important;
  outline: none;
}

.bar_search .search_block .searchsubmit {
  width: 65px;
  padding: 0 !important;
}

.bar_search .search_block .searchsubmit:hover {
  transition: all .2s ease;
  opacity: 0.5;
}

.bar_search .search_block .searchsubmit img {
  background-size: contain;
}

/*2カラム設定*/
#content {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

#contentInner {
  width: calc(98% - 250px) !important;
  margin-right: 0 !important;
}

/* アサイド */
#side aside {
  width: 250px !important;
  margin: 0 0 0 15px !important;
  padding: 0 !important
}

#side aside img {
  width: 100%;
}

#side aside ul {
  list-style: none;
}

#side aside ul h3 {
  font-weight: normal;
  color: #5C7C06;
}

#side aside section {
  margin: 0 0 30px;
}

#side aside .kanren {
  background-color: #F7F7F7;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 0;
  /*「記事一覧」と「一覧を見る」をフレックス*/
}

#side aside #asidettl_flex {
  display: flex;
  justify-content: space-between;
  background-color: #5C7C06;
  align-items: center;
  padding: 5px;
  /*「新着記事」のスタイリング*/
  /*「一覧を見る」のスタイリング*/
}

#side aside #asidettl_flex .ttl {
  font-size: 1.2rem;
  font-weight: 300;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}

#side aside #asidettl_flex p {
  font-size: 0.8rem;
  font-weight: normal;
  padding-right: 5px;
  margin-bottom: 0;
}

#side aside #asidettl_flex p a {
  display: inline-block;
  color: #fff;
}

#side aside ul li:nth-child(even) {
  background-color: #fff;
}

#side aside ul li {
  /*サムネイルとタイトルのフレックス*/
  /*サムネイルのスタイリング設定*/
}

#side aside ul li a {
  display: inline-block;
  width: inherit;
  padding: 15px 13px;
}

#side aside ul li h3,
#side aside ul li .h3 {
  font-weight: bold;
  font-size: 0.8rem;
  margin: 0 0 0 5px;
}

#side aside ul li p {
  font-size: 0.7rem;
  color: #636363;
  line-height: 1.2;
  margin-bottom: 0;
}

#side aside ul li .aside_news_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 2px;
}

#side aside ul li .aside_news_thumbnail {
  display: inline-block;
  width: 50px;
  vertical-align: middle;
}

#side aside ul li .aside_news_thumbnail img {
  display: inline-block;
  width: inherit;
}

/* フッター */
#footer {
  display: none;
}

footer {
  width: 100%;
  height: auto;
  background-color: #5C7C06;
}

footer .box_foot_width {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 78%;
  margin: 0 auto;
}

footer .foot_rogo {
  max-width: 1114px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}

footer .foot_rogo a {
  display: block;
  width: 100%;
  min-width: 200px;
  height: 70px;
  text-indent: -9999px;
  background: url(./images/top_renewal/logo.png) no-repeat !important;
  background-size: contain !important;
  background-position: center !important;
  padding: 0 !important;
  margin: 0 !important;
}


footer ul {
  display: flex;
  list-style: none;
  padding-left: 0;
}

footer #footnav_sns {
  margin: 0 0 0 130px;
}

footer #footnav_sns a img {
  display: block;
  height: 50px;
  text-align: center;
  margin: 0 15px 0 0;
  max-width: none;
}

footer #nav_global {
  width: 50%;
  /* SP用ナブコン */
}

footer #nav_global dt {
  display: none;
}

footer #nav_global li {
  width: 20%;
}

footer #nav_global a {
  display: block;
  text-align: center;
  /* width: 110px; */
  padding: 10px 0;
  color: #fff;
}

p.copyr {
  display: block;
  text-align: center;
  width: 100%;
  color: #5C7C06;
  background-color: #fff;
  padding: 10px 0 30px 0;
  font-size: 80%;
}

/*メイン幅指定設定 */
.box_cmn_width {
  width: 850px;
  margin: 0 auto;
}

#page_link {
  display: none;
}

.pc_display_none {
  display: none;
}

/*　レスポンシブ対応（ブレークポイント 769-1060px）
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (max-width: 1060px) and (min-width: 769px) {
  header .h1 {
    width: 200px;
    height: 70px;
  }

  header .box_cmn_width {
    width: 98%;
    padding-left: 2%;
    margin-right: 0;
  }

  header .box_cmn_width nav {
    width: calc(97% - 200px);
  }

  header .box_cmn_width nav ul li {
    width: 12.5%;
    text-align: center;
  }

  header .box_cmn_width nav ul li a {
    margin-right: 0;
    font-size: 10px;
  }

  header .box_cmn_width nav ul li img {
    max-width: 90%;
  }

  .bar_search .search_block .search {
    width: 65%;
  }

  .bar_search .search_block .search_placeholder {
    width: calc(100% - 80px) !important;
    max-width: 400px;
  }
}

/*　レスポンシブ対応（ブレークポイント 768px）
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (max-width: 768px) {
  img {
    max-width: 100%;
    height: auto;
  }

  .box_cmn_width {
    width: 94%;
    margin: 0 auto;
  }

  /*SP用カラム設定*/
  .culum_2 {
    width: 100%;
    display: block;
  }

  body {
    font-size: 1rem;
    position: relative;
    z-index: 1;
  }

  .sp_display_none {
    display: none;
  }

  .pc_display_none {
    display: block;
  }

  header {
    position: relative;
    width: 100%;
    background-size: cover;
    background-color: #5C7C06;
    padding: 5px 0;
    /*サイトロゴ表示設定*/
  }

  header .box_cmn_width {
    width: 94%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  header .box_cmn_width ul {
    display: none;
  }

  header .h1 {
    width: 70%;
    height: 50px;
    background-image: url(./images/top_renewal/logo_sp.png);
    background-position: center;
    margin: 0 20px 0 0;
  }

  header .h1 a {
    display: block;
    width: 100%;
    /* padding: 0; */
  }

  header #header_anno {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 0.8rem !important;
    margin-bottom: 0;
    line-height: inherit;
  }

  header .btn_menu {
    margin: 0 0 0 30px;
  }

  header .btn_menu:hover {
    cursor: pointer;
  }

  header .btn_menu img {
    width: 50px;
  }

  header .hamb_sp.active {
    transform: translateX(-300px);
  }

  header .hamb_sp {
    position: absolute;
    z-index: 999;
    display: block;
    width: 100%;
    background-color: #fff;
    box-shadow: 2px 2px 10px #222;
    transform: translateX(0);
    display: none;
    /* 検索窓のスタイリング設定*/
  }

  header .hamb_sp .nav_sp {
    width: 80%;
    margin: 0 0 0 30px;
  }

  header .hamb_sp dl {
    color: #5C7C06;
    height: 190px;
  }

  header .hamb_sp dl dt {
    font-size: 1.2rem;
    font-weight: bold;
    text-align: left;
  }

  header .hamb_sp dl dd {
    height: 40px;
  }

  header .hamb_sp dl ul {
    display: block;
  }

  header .hamb_sp dl ul a {
    color: #5C7C06;
    font-size: 1rem;
    text-align: left;
  }

  header .hamb_sp .bar_search {
    width: 80%;
    border-bottom: 0;
    margin: 15px 0;
  }

  header .hamb_sp .bar_search .search_block {
    width: 94%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  header .hamb_sp .bar_search .search_block p {
    display: none;
  }

  header .hamb_sp .bar_search .search_block input {
    vertical-align: middle;
  }

  header .hamb_sp .bar_search .search_block .search_placeholder {
    width: 80% !important;
    padding: 5px;
  }

  header .hamb_sp .bar_search .search_block .searchform {
    width: auto;
  }

  header .hamb_sp .bar_search .search_block .search {
    width: 94%;
    margin: 0 auto;
  }

  header .hamb_sp .bar_search .search_block .searchsubmit {
    width: 15%;
  }

  #page_link {
    width: 94%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px auto;
  }

  #page_link li {
    width: 40%;
    display: block;
    margin: 0 0 5px;
  }

  #page_link li a {
    display: inline-block;
    width: 100%;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    background-color: #5C7C06;
    border-radius: 5px;
    color: #fff;
  }

  /*疑似要素画像共通設定*/
  #site_ttl {
    display: none;
  }

  #contentInner {
    width: 100% !important;
  }

  /* アサイド */
  #side aside {
    display: none;
  }

  /* フッター */
  body:not(.front-page) footer {
    margin-top: 100px;
  }

  footer {
    position: relative;
    background-color: #5C7C06;
  }

  footer .box_foot_width {
    width: 94%;
    display: block;
    padding: 1px 0;
  }

  footer .foot_rogo a {
    width: 100%;
    background-image: url(./images/top_renewal/logo_sp.png) !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  footer .foot_nav a {
    width: 100%;
    display: block;
    margin: 0 auto;
  }

  footer ul {
    display: flex;
    align-items: center;
    list-style: none;
  }

  footer #footnav_sns {
    margin: 0;
  }

  footer #footnav_sns ul {
    position: absolute;
    top: -90px;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
  }

  footer #nav_global {
    width: 100%;
  }

  footer #nav_global li {
    width: auto;
  }

  footer #nav_global a {
    font-size: 0.8rem;
    width: 60px;
  }

  footer #nav_global ul {
    justify-content: space-between;
  }
}

/* 20210617 headerリニューアル end */
/* 20210617追加（TOP) start */
main {
  /* max-width: 850px; */
  margin-right: 0 !important;
  padding: 0 !important
    /*リストスタイル設定*/
    /*リンクの共通設定*/
    /*h3共通設定*/
    /*h2共通設定*/
    /*各section共通設定*/
    /*動画の作り方特集の個別スタイリング設定　ここまで*/
    /*ニュースの個別スタイリング設定*/
    /*各種画像設定*/
    /*ソフトウェア項*/
    /*目的別厳選ツール項*/
    /*「Freesoft-Concierge.comとは」ブロックのスタイリング設定*/
}

main ul {
  list-style: none;
}

body.front-page main * {
  line-height: normal;
}

body.front-page main a {
  text-decoration: underline;
  font-size: 0.9rem;
  color: #000;
}

body.front-page main p {
  margin-bottom: 0;
}

body.front-page section {
  margin-bottom: 0;
}

body.front-page main h3,
body.front-page main .h3 {
  font-size: 1.2rem !important;
  margin: 0 0 6px !important;
  border: none !important;
  color: #000 !important;
  padding: 0 !important;
}
body.front-page main .h3 {
  font-weight: bold !important;
}

body.front-page main h2 {
  background-color: #5C7C06;
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
  white-space: nowrap;
  padding: 4px 20px;
  margin: 1px 0 20px 0;
}

body.front-page main .block_cmn {
  border-top: solid 4px #5C7C06;
  margin: 0 0 30px;
  padding: 2px 0 0 0;
  /*ソフトウェアsectionの設定*/
  /*h3アイコン画像設定*/
  /*フレックスのスタイル共通設定*/
  /*フレックスするリストのスタイル設定*/
  /*破線のスタイリング設定*/
  /*PC表示では奇数番目を非表示*/
  /*動画の作り方特集の個別スタイリング設定*/
  /*アノテーションの設定*/
}

body.front-page main .block_cmn .block_nav_cmn {
  width: 48%;
  padding: 0 0 15px 0;
}

body.front-page main .block_cmn h3:before,
body.front-page main .block_cmn .h3:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: contain;
  vertical-align: middle;
  margin: 0 30px 0 0;
  background-repeat: no-repeat;
}

body.front-page main .block_cmn div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

body.front-page main .block_cmn ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

body.front-page main .block_cmn ul li {
  white-space: nowrap;
  margin: 0 10px 0 0;
  line-height: inherit;
}

body.front-page main .block_cmn .dashed_border {
  background-color: #5C7C06;
  background: linear-gradient(to right, #5c7c06, #5c7c06 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%) 0% 0%;
  background-size: 40px 2px;
  margin: 20px 0;
  width: 100%;
  height: 1px;
}

body.front-page main .block_cmn .odd {
  display: none;
}

body.front-page main .block_cmn .list_flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  min-height: 75px;
  margin: 0 auto 30px;
  /*リストのスタイリング設定*/
  /*画像のスタイリング設定*/
  /*各画像の疑似要素読み込み設定*/
}

body.front-page main .block_cmn .list_flex li {
  display: inline-block;
  margin: 0 20px;
}

body.front-page main .block_cmn .list_flex li a {
  font-size: 1rem;
  display: inline-block;
  height: 50px;
}

body.front-page main .block_cmn .list_flex a:before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background-size: contain;
  vertical-align: middle;
  margin: 0 10px 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

body.front-page main .block_cmn .list_flex li:first-child a:before {
  background-image: url(./images/top_renewal/premierepro_logo.png);
}

body.front-page main .block_cmn .list_flex li:last-child a:before {
  background-image: url(./images/top_renewal/aftereffects_logo.png);
}

body.front-page main .block_cmn .text_anno {
  text-align: center;
  font-size: 0.9rem !important;
  font-weight: bold;
}

body.front-page main .block_news {
  border-top: solid 5px #5C7C06;
  margin: 20px 0 40px;
  padding: 2px 0 0;
  /*個別記事スタイリング設定*/
}

body.front-page main .ttl_flex {
  display: flex;
  justify-content: space-between;
  background-color: #5C7C06;
  align-items: center;
}
body.front-page main .howto_movie .ttl_flex {
  margin-bottom: 20px;
}

body.front-page main .ttl_flex h2 {
  color: #fff;
  font-weight: normal;
  margin: 0;
}

body.front-page main .ttl_flex a {
  display: inline-block;
  width: 100%;
  color: #fff;
  text-decoration: none;
  padding-right: 20px;
  white-space: nowrap;
}

body.front-page main .block_news ul {
  /*スクロールバーの設定*/
  overflow-y: scroll;
  height: 420px;
  border-bottom: solid 5px #C6C6C4;
  padding: 0 !important;
  /*記事タイトルスタイリング設定*/
  /*サムネイルのスタイリング設定*/
  /*記事自体のスタイリング設定*/
}

body.front-page main .block_news ul h3,
body.front-page main .block_news ul .h3 {
  margin: 0 0 10px 0;
}

body.front-page main .block_news ul h3 a,
body.front-page main .block_news ul .h3 a{
  font-size: 1.2rem;
  color: #5C7C06;
}

body.front-page main .block_news ul .news_thumbnail {
  display: inline-block;
  width: 150px;
  height: 150px;
  vertical-align: middle;
}

body.front-page main .block_news ul .news_thumbnail img {
  display: inline-block;
  width: inherit;
}

body.front-page main .block_news ul li {
  display: flex;
  border-bottom: solid 12px #5C7C06;
  padding: 20px 0;
  /* margin: 0 0 20px; */
  /*全体の表示設定*/
  /*カテゴリの表示設定*/
}

body.front-page main .block_news ul li .news_child {
  margin: 0 0 0 2%;
  width: calc(100% - 150px);
  /* height: 150px; */
  /*サムネイルと記事詳細をフレックス*/
  /*投稿日のスタイリング設定*/
}

body.front-page main .block_news ul li .news_child div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 15px;
}

body.front-page main .block_news ul li .news_child dl {
  display: flex;
  align-items: center;
  font-weight: bold;
  margin: 5px 0 5px 15px;
  font-size: 0.8rem;
  /*投稿日と実際の日付の間のコロン*/
}

body.front-page main .block_news ul li .news_child dl dt:after {
  content: ":";
}

body.front-page main .block_news ul li .news_cat {
  display: inline-block;
  background-color: #5C7C06;
  color: #fff;
  font-size: 0.8rem !important;
  padding: 5px 15px;
  border-radius: 10px;
  line-height: inherit !important;
}

body.front-page main .block_news ul li .news_cat a {
  display: inline-block;
  color: #fff;
  font-size: 0.8rem !important;
  text-decoration: none;
}

body.front-page main .block_news ul li .news_child>p {
  font-size: 1rem !important;
  line-height: inherit !important;
}

main #img_internet:before {
  background-image: url(./images/top_renewal/head_nav/nav_internet.png);
}

main #img_utility:before {
  background-image: url(./images/top_renewal/head_nav/nav_utility.png);
}

main #img_music:before {
  background-image: url(./images/top_renewal/head_nav/nav_music.png);
}

main #img_document:before {
  background-image: url(./images/top_renewal/head_nav/nav_document.png);
}

main #img_security:before {
  background-image: url(./images/top_renewal/head_nav/nav_security.png);
}

main #img_telework:before {
  background-image: url(./images/top_renewal/head_nav/nav_telework.png);
}

main #img_app:before {
  background-image: url(./images/top_renewal/head_nav/nav_application.png);
}

main #img_plugin:before {
  background-image: url(./images/top_renewal/head_nav/nav_plugin.png);
}

main #img_remote:before {
  background-image: url(./images/top_renewal/tool_remote.png);
}

main #img_pc:before {
  background-image: url(./images/top_renewal/tool_pc.png);
}

main #img_trouble:before {
  background-image: url(./images/top_renewal/tool_trouble.png);
}

main #img_sec_tool:before {
  background-image: url(./images/top_renewal/tool_security.png);
}

body.front-page main .block_description p {
  font-size: 1rem;
  color: #636363;
  line-height: 2;
  margin: 10px 0 120px 0;
}

/*　レスポンシブ対応（ブレークポイント 769-1060px）
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (max-width: 1060px) and (min-width: 769px) {
  body.front-page main .block_cmn .list_flex li a {
    height: auto;
    margin-bottom: 10px;
  }
}

/*　レスポンシブ対応（ブレークポイント 768px）
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (max-width: 768px) {
  img {
    max-width: 100%;
    height: auto;
  }

  main {
    width: 100%;
    /*各section共通設定*/
    /*動画の作り方特集の個別スタイリング設定　ここまで*/
    /*ニュースの個別スタイリング設定*/
    /*「Freesoft-Concierge.comとは」ブロックのスタイリング設定*/
  }

  body.front-page main .block_cmn {
    margin: 0 0 10px;
    /*ソフトウェアsectionの設定*/
    /*破線のスタイリング設定*/
    /*SPで奇数項のボーダー表示*/
    /*動画の作り方特集の個別スタイリング設定*/
    /*アノテーションの設定*/
  }

  body.front-page main .block_cmn .block_nav_cmn {
    width: 100%;
    padding: 0 0 10px 0;
  }

  body.front-page main .block_cmn .sp_display_none {
    display: none;
  }

  body.front-page main .block_cmn .dashed_border {
    background-size: 15px 2px;
    margin: 10px 0;
  }

  body.front-page main .block_cmn .odd {
    display: block;
  }

  body.front-page main .block_cmn .list_flex {
    display: block;
    width: 100%;
    margin: 0 auto 10px;
    /*リストのスタイリング設定*/
    /*画像のスタイリング設定*/
  }

  body.front-page main .block_cmn .list_flex li {
    width: 100%;
    display: block;
    margin: 20px auto 10px;
    text-align: center;
  }

  body.front-page main .block_cmn .list_flex li a {
    display: inline-block;
    font-size: 1rem;
  }

  body.front-page main .block_cmn .list_flex a:before {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin: 0 20px 0 0;
  }

  body.front-page main .block_cmn .text_anno {
    text-align: left;
    font-size: 0.8rem;
  }

  body.front-page main .block_news ul {
    /*スクロールバーの設定*/
    height: 470px;
    /*記事タイトルスタイリング設定*/
    /*サムネイルのスタイリング設定*/
    /*記事自体のスタイリング設定*/
  }

  body.front-page main .block_news ul h3,
  body.front-page main .block_news ul .h3 {
    margin: 0 0 10px 0;
  }

  body.front-page main .block_news ul h3 a,
  body.front-page main .block_news ul .h3 a {
    font-size: 1rem;
  }

  body.front-page main .block_news ul .news_thumbnail {
    width: 150px;
    height: 150px;
  }

  body.front-page main .block_news ul .news_thumbnail img {
    display: inline-block;
  }

  body.front-page main .block_news ul li {
    justify-content: space-between;
    width: 100%;
    padding: 20px 0;
    margin: 0 0 10px;
    /*全体の表示設定*/
  }

  body.front-page main .block_news ul li .news_child {
    width: 70%;
    height: auto;
    margin: 0 0 0 5px;
    /*サムネイルと記事詳細をSPでブロック*/
    /*投稿日のスタイリング設定*/
  }

  body.front-page main .block_news ul li .news_child div {
    display: block;
    margin: 7px 0;
  }

  body.front-page main .block_news ul li .news_child dl {
    margin: 7px 0;
    font-size: 0.8rem;
  }

  body.front-page main .block_news ul li .news_child p {
    font-size: 0.8rem;
  }

  body.front-page main .block_description h2 {
    margin: 0 0 10px;
  }

  body.front-page main .block_description p {
    font-size: 0.8rem;
  }
}

/* 20210617追加（TOP) end */

/* 202106追加（h系タグデザイン、カラーをblue系 → green系に変更) start */
* a {
  color: #5c7c06;
}

.entry-content .link a {
  text-decoration: underline;
}

body:not(.front-page) #breadcrumb {
  margin-top: 20px;
}

body:not(.front-page) .entry-content {
  margin-top: 20px;
}

body:not(.front-page) .post .entry-title {
  color: #5a7a33;
  position: relative;
  font-weight: bold;
  line-height: 1.5;
  background: #f7faef;
  margin: 20px 0;
  padding: 15px 15px 15px 25px;
  font-size: 1.7rem !important;
  border: none;
}

body:not(.front-page) .post .entry-title:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 5px;
  height: 100%;
  background-color: #5a7a33;
}

body:not(.front-page) .post h2 {
  position: relative;
  background-color: #5a7a33;
  color: #fff;
  padding: 10px 20px;
  /* margin: 30px 0 20px; */
  font-size: 1.4rem;
  border: none;
}

body:not(.front-page) .post h2:before {
  content: '';
  display: block;
  position: absolute;
  top: -7px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #5a7a33;
}

body:not(.front-page) .post h2 span {
  color: #fff !important;
  font-size: 1.4rem !important;
}

body:not(.front-page) .post h3 {
  display: inline-block;
  color: #5a7a33 !important;
  /* margin: 30px 0 20px; */
  padding: 10px 20px !important;
  border-top: 1px solid #5a7a33 !important;
  border-bottom: 1px solid #5a7a33 !important;
  font-size: 1.3rem !important;
}

body:not(.front-page) .post h4 {
  display: inline-block;
  border-bottom: 2px solid #dae9af !important;
  color: #5a7a33 !important;
  padding: 10px 15px !important;
  /* margin: 30px 0 20px !important; */
  position: relative !important;
  font-size: 1.1rem !important;
}

body:not(.front-page) .post h4:after {
  content: "";
  display: block;
  width: 50%;
  height: 2px;
  background-color: #5a7a33;
  position: absolute;
  bottom: -2px;
  left: 0;
}

body:not(.front-page) .post h5 {
  display: inline-block;
  color: #5a7a33;
  border-bottom: 2px solid #5a7a33;
  padding: 10px 20px;
  background: #f9fbf1;
  font-size: 1.1rem;
}

body:not(.front-page) .post aside .kanren h5 {
  background: none;
  border-bottom: none;
  padding: 0;
}

/* toc container(目次) */
#toc_container {
  border: 1px solid #aaa;
  padding: 15px 20px;
  margin-bottom: 1em;
  width: auto;
  display: table;
  font-size: 95%;
}

#toc_container .toc_title {
  text-align: center;
  font-weight: 700;
  margin-bottom: 10px;
}

#toc_container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#toc_container ul ul {
  margin-left: 1.5em;
}

#toc_container li {
  margin: 0;
  padding: 0;
}
.single-post .mainbox .bold{
  font-weight: bold;
}

/* 6662_Start */
.rm_cate_list li {
  display: flex;
  height: 50px;
}
 span.img {
  width: 50px;
  height: 100%;
  justify-content: center;
}
.post ul:not(.toc_list):not(.st_toc_list){
  padding: 0;
}
ul li.rm_cate_content {
  padding: 0 20px;
}
.img.img_pr{
  background: url(./images/report_medias/pr1.png);
  background-repeat: round;
}
.img.img_ae{
  background: url(./images/report_medias/ae1.png);
  background-repeat: round;
  background-color: #000657;
  border-radius: 16%;
}
.img.img_ai{
  background: url(./images/report_medias/ai1.png);
  background-repeat: round;
  background-color: #2e0402;
    border-radius: 16%;
}
.img.img_ps{
  background: url(./images/report_medias/ps1.png);
  background-repeat: round;
}
li h3:not(.st-css-no2) a{
  text-decoration: underline;
}
ul.rm_cate_list li span {
  margin: auto 0;
  margin-left: 5px;
  font-weight: bold;
}
body:not(.front-page) .post h3{
  padding: 0!important;
}
.post h3:not(.st-css-no2):not(.rankh3):not(#reply-title), .h3modoki, .st-step-title{
  font-size: 20px !important;
  font-weight: 400;
}
.report-media .rm_category .flex{
  justify-content: space-around;
}
.post ul:not(.toc_list):not(.st_toc_list){
  padding-top: 0px;
  padding-left: 5px;
}
.report-media .rm_cate_list{
  margin-right: 0px;
}
.rm_lists.rm_section div.sec .rm_title h3 {
  margin: 0 !important;
}
li.rm_cate_content {
  height: 30px;
}
.h3modoki, .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title){
  border-bottom: none !important;
  border-top: none !important;
}

@media only screen and (max-width: 690px){
   .post h3:not(.st-css-no2):not(.rankh3):not(#reply-title), .h3modoki{
    margin: 0;
    padding: 0;
  }
}
@media only screen and (max-width: 440px){
  ul li.rm_cate_content {
    padding: unset;
  }
  .report-media .rm_cate_list:first-child {
    margin-right: unset;
  }
  .rm_category ul.rm_cate_list {
    width: 46%;
  }
  .report-media .flex{
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-around;
  }
   li.rm_cate_content {
    display: block;
    margin-left: 25px;
    height: auto;
  }
}
/* 6662_End */