/*-- 人気記事デザイン --*/
ul.wpp-list li {
    border-bottom: 1px dashed #79c06e;/*記事間の点線と色*/
    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: 15px;/*文字サイズ*/
    color: #333;/*文字色*/
    padding: 12px;/*タイトル位置*/
    text-decoration: none;/*タイトルの下線なし*/
}
 
ul.wpp-list li a.wpp-post-title:hover {
    color: #4169e1;/*ホバー時のタイトル色*/
}

ul.wpp-list li:before {/*ランキングカウンター全体*/
    content: counter(wpp-count);/*カウンターを表示*/
    display: block;/*ブロック形式で表示*/
    position: absolute;/*絶対位置*/
    font-size: 16px;/*数字サイズ*/
    font-weight: bold;/*数字を太字に*/
    color: #fff;/*数字の色*/
    background-color: #333;/*背景色*/
    padding: 5px 15px;/*縦と横の幅*/
    border-radius: 6px;/*角の丸み*/
    right: 0;/*右からの位置*/
    bottom: 0;/*下からの位置*/
    opacity: 1;/*透明度*/
    z-index: 5000;/*重なりの順序*/
}

ul.wpp-list li {
    counter-increment: wpp-count;/*カウント数*/
}

ul.wpp-list li:nth-child(1):before{/*ランキング1*/
    background-color: #FBCC54;/*背景色*/
}
ul.wpp-list li:nth-child(2):before{/*ランキング2*/
    background-color: #B7BFC1;/*背景色*/
}
ul.wpp-list li:nth-child(3):before{/*ランキング3*/
    background-color: #D47B16;/*背景色*/
}

/*記事内の画像に枠*/
.cps-post-main-box img.waku{
	border: #e8e2db solid 3px;
}

/*ブログカードに「続きを読む」*/
a.blog-card{
	padding-bottom:40px;
}
a.blog-card{
	position: relative;
}
a.blog-card:after{
	position: absolute;
	font-family: 'Quicksand','Avenir','Arial',sans-serif,'Font Awesome 5 Free';
	content:'続きを読む \f101';
	font-weight: bold;
	right:10px;
	bottom: 10px;
	padding:1px 10px;
	background:#ffc15e;/*「続きを読む」の背景色*/
	color:#fff;/*「続きを読む」の文字色*/
	font-size: .8em;
	border-radius:2px;
}

/*リンクカード調整*/
.linkcard * {
	text-decoration:none !important;
}

.linkcard:before {
	content: "参考にしました";
	position: relative;
	top:  12px;
	left:  23px;
	background-color: #ff6868;
	padding: 8px 14px;
	font-size: 12px;;
	font-weight: 500;
	border-radius:  3px;
	color:  #fff;
	z-index: 1;
}

.linkcard *:hover {
	opacity:0.9;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.linkcard {
	margin: 22px auto;
	display:block;
	width: 96%;
}

.lkc-title {
 	font-size: 1.1rem;
 	line-height: 1.5rem;
 	font-weight: 500;
	margin-bottom: 15px;
	display:  block;
}

.lkc-excerpt {
	font-size: 0.75rem;
 display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; 
}

.lkc-url{
	display: none;
}

.lkc-info{
	margin-bottom:10px;
}

.lkc-external-wrap {
	max-width: 100%;
	background:  #fff;
	border: solid 1px #ff6868;
	border-radius:  4px;
	padding: 22px 15px 7px 10px;
}

.lkc-external-wrap p {
	padding-bottom: 5px !important;
}

.lkc-internal-wrap {
	max-width: 100%;
	background:  #fff;
	border: solid 1px #ff6868;
	border-radius:  4px;
	padding: 22px 15px 7px 10px;
}

.lkc-internal-wrap p {
	padding-bottom: 5px !important;
}

.lkc-thumbnail {
    margin: 0 20px 4px 4px;
}

@media screen and (max-width:750px){
.linkcard {
	margin: 22px auto;
	display:block;
	width: 100%;
}
	
	.linkcard:before {
    left: 12px;
			padding: 5px 14px;
    border-radius: 2px;
}
	
	.lkc-content {
	height: 100%;
}
	
.lkc-excerpt{
	display:none;
}
	
.lkc-title{
	font-size: 0.85rem; 
 	line-height: 1.2rem;
 	font-weight: 700;
 	display: inline;
}
	
.lkc-internal-wrap {
    padding: 15px 0 0 0;
}
	
.lkc-external-wrap {
    padding: 15px 0 0 0;
}
	
	.lkc-thumbnail-img {
    width: 188px;
    max-height: 76px;
}
}

/*タイトル記事文字サイズ*/
@media screen and (max-width:767px) {
  .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-title {
font-size: 15px;
line-height: 1.5em;
  }
}

#header-box {
background: linear-gradient(90deg,#f2609f,#bd66c9);
}

.google-auto-placed {
    margin-top: 2em!important;
    margin-bottom: 2em!important;
}