/************************/
/*目次デザイン*/
/************************/
/* 目次全体枠 */
.toc{
border-top:5px solid; color:#5d5855;
padding: 20px;
}

/* 目次の文字 */
.toc-title {
text-align:left;
font-size: 20px;
font-weight: 600;
color: #608EB3;
}
/*見出し2（H2）の設定*/
.toc-content > .toc-list > li:before { 
font-family: "Font Awesome 5 Free";
content: "\f35a";
font-weight: 900;
color: ;
padding-right:0px;
}
.toc-content .toc-list li {
font-weight:800;
color:;
}
/*H3以降の文字サイズ*/
.toc-content .toc-list li li {
font-weight:normal;
}

/*ウィジェットタイトル*/
#sidebar .widget-sidebar-title{border-radius:8px;
border-top: none;
background: #608EB3;
color: #fff;
}

/************************/
/* 見出しタグ */
/************************/
.entry-content h2 {
  position: relative;
  padding: .5em .75em;
	color:white;
  background-color: #608EB3;
  border-radius: 6px;
	border-bottom: none;
}
.entry-content h2::after {
  position: absolute;
  top: 100%;
  left: 25px;
  content: '';
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-top: 15px solid #608EB3;
}
/*H2下線キャンセル*/
.article h2 > span::after {
  position: absolute;
  content: "";
  width: %;
  height: 0px;
  left: 0;
  bottom: px;
}

.entry-content h3{
padding: 12px;
margin: 10px 0;
color: #304f6e;
background: #edf5fc;/*背景色*/
border-radius: 2px;
border-left: solid 6px;
border-right: none;
border-bottom: none;
border-top: none;
}
.entry-content h4{
padding: 12px;
margin: 5px;
border-bottom: none;
border-top: none;
color: #000;
background: #fff;
 border-bottom: solid 3px #608EB3;
}
.entry-content h5{
padding: 12px;
margin: 5px;
color: #779dc4;
border-bottom: solid 1px #779dc4;
}

/*サイドバーメニューアイコン*/
#sidebar ul li a:before{
font-family: "Font Awesome 5 Free";
content: "\f152"; /*アイコンフォント*/
font-weight: 900;
color:#db8b0b; /*アイコンフォントの色*/
padding-right:5px;
font-size:18px;
list-style:none;
}
/*サイドバー下線*/
#sidebar ul li{border-bottom: 1px dashed #304f6e;/*線の形式・サイズ・色*/}

/*ページネーションカスタマイズ*/
.pagination-next-link{
background: #422e2e; /*背景色*/
color:#fff; /*文字色*/
border-color: #422e2e;
font-weight: bold; /*太字*/
}
.pagination-next-link{border-radius: 8px;}

.pagination-next-link a:hover{ /*オンマウス時*/
background: #000;
color:#839b5c;
}

.page-numbers{
border-radius: 50%; /*角丸*/
color:#422e2e; /*文字色*/
border-color: #db8b0b;
font-weight: bold; /*太字*/
}
.pagination a:hover { /*オンマウス時*/
background: #db8b0b;
color:#fff;
}

/************************
/ エントリーカード
/************************/
.entry-card-wrap:hover { /*マウスオン時*/
background-color: #fdf9f5; /*背景色*/
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
box-shadow: 0 0 10px #d9d9d9; /*影の色*/
	border-radius:4px; /*角丸め（pxまたは%で指定）*/

}
.entry-card-wrap {
background-color: #; /*背景色*/
border: solid 1px #d9d9d9; /*枠線形状・色*/
	border-radius:px; /*角丸め（pxまたは%で指定）*/
	box-shadow: 0 0 2px #d9d9d9; /*影の色*/
}

/*****************************/
 /*■関連記事カスタマイズ*/
/*****************************/

.related-entry-card-wrap.a-wrap.cf{
	box-shadow: 0 0 3px #d9d9d9; /*影の色*/
	border:solid 1px #d9d9d9;
	border-radius:px; /*角丸め（pxまたは%で指定）*/
}
.related-entry-card-wrap:hover{ /*ホバー時*/
transform: translateY(-5px); /*移動*/
}

/************************/
/* 記事下ページナビ*/
/************************/
#pager-post-navi .fa-chevron-left,#pager-post-navi .fa-chevron-right{
color:#304f6e; /*矢印アイコンの色*/
}
#pager-post-navi a{ /*枠線の設定*/
background-color: #fff; /*背景色*/
border: 1px solid #; /*枠線色*/
border-radius: 8px; /*角を丸める*/
transition: .3s; /*時間*/
}
#pager-post-navi a:hover{ /*ホバー時*/
background-color: #; /*背景色*/
transform: translateY(-5px); /*移動*/
border-bottom: 2px solid #db8b0b; /*下線*/
border-radius: 8px; /*角丸め*/
box-shadow: 0 0 8px #cee7ff; /*影*/
}

/**************************/
/*スマホスライドメニュー*/
/**************************/
#header-container .navi-in > ul li {
   height: auto;
   font-weight: 600;
   line-height:1.3;
}
#header-container #navi{
   background:#db8b0b; /* 背景色 */
}
#header-container #navi a{
   color:#fff; /* 文字色 */
   padding:0.8em 1em;
}
#header-container #navi a:hover{
   color:#fff; /* マウスホバー時の文字色 */
}
#header-container .navi-in > ul .sub-menu{
   background:#89c997; /* サブメニュー背景色 */
}
#header-container .navi-in > ul > .menu-item-has-children > a::after {
   top: 0.8em;
   font-size: 1.2em;
   font-weight: 600;
}
#header-container .sub-menu .caption-wrap{
   padding-left:1em;
}
.navi-in > ul .menu-item-has-description > a > .caption-wrap{
   height:auto;
}
@media screen and (max-width: 1030px){
   .navi-in > .menu-header{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
   }
   #header-container #navi a{
	font-size:0.8em;
	padding: 1em 1.2em; /* 余白 */
   }
   #header-container .navi-in > ul > .menu-item-has-children > a::after{
	display:none;
   }
}
/*------ 画像に枠線-------*/
.w {
 border: solid px #cccccc;
 box-shadow: 0px 0px 4px #cccccc; /* 影（不要なら削除） */
}

/*メインコンテンツ枠線*/
.main {
	border: solid px #cccccc;
 box-shadow: 0px 0px 4px #cccccc; /* 影（不要なら削除） */
}

/*マーカー*/
.marker {　/*黄色*/
  background-color: #FDE36B;
}
.marker-red {　/*赤色*/
  background-color: #FFDADA;
}
.marker-blue { /*青色*/
  background-color: #ADF3FF;
}
/*下半分のマーカー色（km）*/
.marker-under {
  background: linear-gradient(transparent 50%, #FDE36B 50%);
}
.marker-under-red {
  background: linear-gradient(transparent 50%, #FFDADA 50%);
}
.marker-under-blue {
  background: linear-gradient(transparent 50%, #ADF3FF 50%);
}

/************************************
** ブログカード
************************************/

/******アプリーチ******/

.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.appreach__star__base {
  position: absolute;
  color: #737373;
}
.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}

/**/